# Right Edge Tab

The right edge tab is pop up that consumers can close on their own, helping to provide new product recommendations and more choices at the moment. (We are not yet able to change the position of the label, please forgive us)

Suggested Placement: Product Category Page

{% hint style="info" %}
The difference with other pop-up windows is that when the consumer closes the pop-up window, the right side can still click on the gift box to reopen the window.
{% endhint %}

* Next, in "**4. Design recommender layout**", you can create your own branded "Right Edge Tab", including logo, wording, background color, etc.

![](https://636651843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McnnNAHoHocq4hR5HOg%2Fuploads%2FMJJukhwG9847EHiV73Pv%2FIMG_1505.jpg?alt=media\&token=c4459a31-60c0-4e5d-916b-cfebaca9a333)

The following options can be customized to help users create their own recommender that better matches ecommerce style:

1. 1.Background
2. 2.Border color
3. 3.Drop Shadow

#### Image <a href="#tu-pian" id="tu-pian"></a>

The default image is a 512x512 square png. file, and you can also put the brand's logo or other icons (as shown below)

![](https://720858960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MP8-tXLpfq1cHpTWY8d%2Fuploads%2FWrhRKe8dkcCATD3j9UKK%2F%E6%88%AA%E5%9C%96%202022-01-20%20%E4%B8%8B%E5%8D%884.41.36.png?alt=media\&token=ad05f870-32c2-4200-b2a2-53c467ad5be3)

Please upload your e-commerce image as an image URL, then right-click and select "Open image in new page", and then copy the link in the new page.

![](https://636651843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McnnNAHoHocq4hR5HOg%2Fuploads%2FyhK9whMBv2mkdURo1avo%2Fimage.png?alt=media\&token=b098aa38-0ca9-408d-aaee-1ec00a1a7531)

#### Title <a href="#biao-ti" id="biao-ti"></a>

1. **Close status**

![](https://636651843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McnnNAHoHocq4hR5HOg%2Fuploads%2F6FUvqbjGvMmkvm3iuBIz%2Fimage.png?alt=media\&token=a0749dd1-96f5-4afa-bea4-d85f413f9f53)

If you just want to display the icon, delete the **"You might really like"** from the text.

![](https://636651843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McnnNAHoHocq4hR5HOg%2Fuploads%2FGQ7D0h7n9PrR6VxkLfCO%2FIMG_1507.jpg?alt=media\&token=578571d3-ac58-41ca-a10f-012f7fdb4536)

{% hint style="warning" %}
Currently, the text is all straight, so that it is not easy to present on the web page and block the product page.
{% endhint %}

![](https://636651843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McnnNAHoHocq4hR5HOg%2Fuploads%2FsCUVpGhX4d5aQ5TAJmAY%2FIMG_1509.jpg?alt=media\&token=326da4bf-f5f4-4ca0-a1ae-4d9fa0373300)

#### 2. Open state

If you want to modify the wording, click "open state" and change the "text".

![](https://636651843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McnnNAHoHocq4hR5HOg%2Fuploads%2FxGlirEvkdYKnXrMcLGg0%2Fimage.png?alt=media\&token=c6a5388f-5ee7-43ed-9d7a-1e395c52155f)

**After finishing the setting, you can click "Next" to** [<mark style="color:blue;">**"5. Recommender location"**</mark>](https://rosetta-ai.gitbook.io/en-docs/start-using-rosetta.ai/quick-start/recommenders/how-to-install-the-recommender/create-a-new-recommender/recommender-location)**.​**


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://rosetta-ai.gitbook.io/en-docs/start-using-rosetta.ai/plugins/recommenders/how-to-install-the-recommender/design-recommender/right-edge-tab.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.