Product Card Settings

After setting up an online store on your site, you can edit the appearance of the product cards.

Important: the online store is available for Pro 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:

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

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.

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:

5. Once you're done with setting up product cards, make sure to publish your site for the changes to appear live.

Tip: see the article Changing the settings of the online store to adjust the product card action.

• Related Articles

• Your Store settings

  Apart from the product and category page settings, there are global store settings that let you control the store currency, price format, visibility in search etc. This article will guide you through the available store settings. General settings 1. ...

• Shopping cart settings

  The product in your online store gets automatically added to the shopping cart once your visitor clicks on the Buy/Order button. The shopping cart is fixed on the website page, and to access it, your customer has to simply tap on it. It opens with a ...

• Adding a Product Card Element

  If you are looking for a way to fit in a product to an existing block organically, try adding a product card as a separate element. It’s possible to do so in almost all the blocks in the editor, plus it allows certain flexibility in terms of the ...

• Adding product ribbons

  Add eye-catching ribbons to your products to draw customers' attention and increase sales. These could be "Bestseller", "New" or other ones. At SiteCliq, you can add up to 5 ribbons to each product. Adding a new ribbon to the product 1. Open the ...

• Changing product URL in the online store

  Each product in your online store has a dedicated page with a description, media gallery, SKU, and others. By default, the product page link is generated based on its name: See how you can change the URL of the product page in the SEO settings. ...