> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Product card settings

After [setting up an online store on your site](https://help.weblium.com/en-us/article/adding-a-store-block-1qepwje/), you can edit the appearance of the product cards.

||| ${color}[#f97700](Important:) The online store is available for Business sites only.

# Product card settings

1. To access the settings of the card, hover over the **Product** element and click on the "gear" at the top left corner:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_15u97vw.png)

2. Navigate to the **Background** to change the background of that specific card: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1055_nkgmim.png)

3. To edit the style and the text in the button, click on the button itself and then press the "gear". More on how to change button's design — in the article [Changing the design of a button](https://help.weblium.com/en-us/article/changing-the-design-of-a-button-les3mi/).

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1056_fjqzed.png)

4. The color of the pricing in the product card depends on the site color palette. If the background of the card is light, the pricing will have the **Brand color** from the palette. If you have a dark background of the card, the pricing will have the color of a **Light shade**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1061-6_mon22z.png)

5. Once you're done with setting up product cards, make sure to [publish your site](/en-us/article/publishing-a-site-tgxmch/) for the changes to appear live.

| ${color}[#1aa900](Tip:) See the [Changing the settings of the online store](https://help.weblium.com/en-us/article/changing-the-settings-of-the-online-store-1k5dhyo/#3-settings-of-the-product-card)  article to adjust the product card action.