# 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](https://docs.atloss.de/en/theme-configuration/product-detail-page/buy-box) that appear in various places in your shop.

### Configuration

<figure><img src="https://content.gitbook.com/content/33GKvYy9I8ydtLM82CBS/blobs/qMeisBBve8GDBxZ3LiwY/e-commerce.webp" 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](https://docs.atloss.de/en/academy/technical-terms/variable) by default, which you defined in the [Typography](https://docs.atloss.de/en/theme-configuration/general/typography) section.

</details>

<details>

<summary>Buy Button</summary>

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

***

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

</details>

<details>

<summary>Buy Button Text</summary>

This is the text color inside the [Buy Button](https://docs.atloss.de/en/theme-configuration/product-detail-page/buy-box).

</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](https://docs.atloss.de/en/academy/technical-terms/button).

</details>

<details>

<summary>Detail Button Text</summary>

This is the text color within the [Detail Buttons](https://docs.atloss.de/en/academy/technical-terms/button).

</details>
