# E-Commerce

### Overview

In this section, you can define the most important e-commerce colors in your shop. This includes your price tags and the [buy buttons](/en/theme-configuration/product-detail-page/buy-box.md) that appear in various places in your shop.

### Configuration

<figure><img src="/files/kvP7vmVCDTD3oDhBSDkF" alt=""><figcaption></figcaption></figure>

<details>

<summary>Price</summary>

This color is used for all price tags in your shop.

***

Here, the text color is adopted as a [variable](/en/academy/technical-terms/variable.md) by default, which you defined in the [Typography](/en/theme-configuration/general/typography.md) section.

</details>

<details>

<summary>Buy Button</summary>

This field defines the color of your [Buy buttons](/en/theme-configuration/product-detail-page/buy-box.md).

***

By default, the primary color that you defined in the [Theme Colors](/en/theme-configuration/general/theme-colors.md) section is used as the [variable](/en/academy/technical-terms/variable.md) here.

</details>

<details>

<summary>Buy Button Text</summary>

This is the text color inside the [Buy Button](/en/theme-configuration/product-detail-page/buy-box.md).

</details>

<details>

<summary>Review Icon Color </summary>

With this setting, you can customize the color of the rating stars that are displayed in various places in the shop.

</details>

<details>

<summary>Detail Button</summary>

This field defines the color of your [Detail Buttons](/en/academy/technical-terms/button.md).

</details>

<details>

<summary>Detail Button Text</summary>

This is the text color within the [Detail Buttons](/en/academy/technical-terms/button.md).

</details>


---

# 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://docs.atloss.de/en/theme-configuration/general/e-commerce.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.