> For the complete documentation index, see [llms.txt](https://tech.x2bee.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tech.x2bee.com/api-guide/api-guides-en/store-front-api/main-and-full-menu/main-page.md).

# Main Page

The first screen and core page of a site or application, capable of providing information such as products, content, and promotions. Describes the APIs used to effectively provide various information on the main page.

***

**PC/Mobile**

<div><figure><img src="https://2999922013-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXTxKSWMmuxEkop1pvuwe%2Fuploads%2FjLN2o8geqVuqQoWfEAeZ%2Fmain.png?alt=media&#x26;token=4f962b5d-69c4-4d25-8614-182a127b3173" alt="" width="375"><figcaption></figcaption></figure> <figure><img src="https://2999922013-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXTxKSWMmuxEkop1pvuwe%2Fuploads%2FUXTRQLlKsQCEypUl9MBi%2Fimage-20240416-040845.png?alt=media&#x26;token=2e1e9b8d-6f38-4d64-b78c-483014c2461e" alt="" width="118"><figcaption></figcaption></figure></div>

***

## Header <a href="#plus" id="plus"></a>

Displays the cart quantity information while customers purchase products in the shopping mall.

When scrolling on the product detail page, the wishlist add/remove button becomes active in the cart quantity information.

<div align="center"><img src="https://tech.x2bee.com/download/attachments/266109322/%EC%83%81%ED%92%88%EC%83%81%EC%84%B8%20fo-1.drawio.png" alt=""></div>

### 1. Display Total Cart Quantity <a href="#id-1" id="id-1"></a>

Displays the cart quantity information in the header of the shopping mall's main pages.

* **Look up total cart quantity (**[🔗View API >](https://api.x2bee.com/content?msa=order\&depth=%EC%9E%A5%EB%B0%94%EA%B5%AC%EB%8B%88\&path=getBasketTotalCount))\
  Looks up the number of products in the shopping bag.
  * Member: looked up by member number
  * Non-member: looked up by session number

```
GET /v1/basket/totBsketCnt  
```

***

## Site Main <a href="#plus" id="plus"></a>

<div align="center"><img src="https://tech.x2bee.com/download/attachments/266109322/FO%20API%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0-%EB%A9%94%EC%9D%B8%20%EC%A1%B0%ED%9A%8C%EC%98%81%EC%97%AD.drawio.png" alt=""></div>

### 1. Look Up Store Information <a href="#id-1" id="id-1"></a>

You can look up the screen that appears on the main page when accessing the site.\
This information is retrieved as unstructured basic information according to the store information.

* **Look up store information (**[🔗View API >](https://api.x2bee.com/content?msa=display\&depth=%EC%A0%84%EC%8B%9C%EB%A7%A4%EC%9E%A5/getShopInfoByShopNo))\
  Looks up store information (unstructured, category, brand store) by store number.

```
GET /v1/shop/{shopNo} 
```

### 2. Look Up Section Information <a href="#id-2" id="id-2"></a>

On the main screen, you can look up the special promotion, brand, event, and ranking zone screens.\
This information is retrieved as section information according to the store information.

* **Look up section information (**[🔗View API >](https://api.x2bee.com/content?msa=display\&depth=%EC%A0%84%EC%8B%9C%EB%A7%A4%EC%9E%A5/getCornerInfoByAdutId))\
  Looks up the corner and content information for that section using the section ID and display media code.

```
GET /v1/shop/account/{adutId} 
```

***

## Display Corners <a href="#plus" id="plus"></a>

Areas on the main page that display products, content, and more by mapping them for marketing or product display purposes, such as recommended products and content, are classified as display corners.

<div align="center"><img src="https://tech.x2bee.com/download/attachments/266109322/FO%20API%20%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0-%EB%A9%94%EC%9D%B8%20%EC%83%81%ED%92%88%EC%84%B9%EC%85%98.drawio.png" alt=""></div>

### 1. Look Up Store Information <a href="#id-1.-.1" id="id-1.-.1"></a>

You can look up the screen that appears on the main page when accessing the site.\
This information is retrieved including unstructured basic information and the list of display corners, according to the store information.

* **Look up store information (**[🔗View API >](https://api.x2bee.com/content?msa=display\&depth=%EC%A0%84%EC%8B%9C%EB%A7%A4%EC%9E%A5/getShopInfoByShopNo))\
  Looks up store information (unstructured, category, brand store) and the corner content list by store number.

```
GET/v1/shop/{shopNo}
```

{% hint style="info" %}
The following is the template configured by default in the X2BEE store front, provided as an example to explain the corner types as follows
{% endhint %}

#### 1-1. Swipe Banner <a href="#id-1-1" id="id-1-1"></a>

Groups images and text you want to expose and displays them together.

#### 1-2. Recommended Category Icons <a href="#id-1-2" id="id-1-2"></a>

Groups up to 9 images and pieces of text for the categories you want to recommend and displays them together.

#### 1-3. Recommended Special Promotion Banner <a href="#id-1-3" id="id-1-3"></a>

Displays up to 10 special promotions you want to recommend.

#### 1-4. Image Banner <a href="#id-1-4" id="id-1-4"></a>

Displays up to 5 rectangular image banners you want to expose.

#### 1-5. Recommended Brand Image Banner <a href="#id-1-5" id="id-1-5"></a>

Displays up to 20 square images you want to recommend.

#### 1-6. Recommended Products <a href="#id-1-6" id="id-1-6"></a>

Groups up to 10 products per group that you want to recommend on the main page and displays them together.