Product Card

How to Add the Product Card to an Existing Landing Page

Choose the landing page from the already created pages.

Click on the Elements bar on the left.
Click on Product Card.
Drag the Product Card to the workspace.

You can customize the Product Card as you prefer:

Click on the Product Card component.

Click on Edit Product.

Click on Texts to change the font, size, and color of the texts.

Click on the Chain icon to change the color and background of the Buttons.

Click on the Star icon to change the style of the product card. You can choose between:

Product card style 1: The image remains on the left, while on the right, the title, price, description, quantity, and both Add to Cart and Open Cart buttons are visible, with categories and social icons completing the column.

Product card style 2: The image remains on the left, while on the right, the title, price, quantity, and the Add to Cart button are visible. The description and social buttons for sharing the product will be immediately below.

Product card style 3: Similar to style 1 but without the Open Cart button.

Click on Advanced to:

Disable purchases.
Hide the price from the public.
Enable zoom for images.
Show prices including VAT.
Show related products.
Show social icons.