Help Center / Detailed instructions / Blocks

Block: Product Carousel

In this section, you will find instructions on how to configure the "Product Carousel" block and display products as a carousel anywhere on your page. Let's take a look at all the settings that will help you create a beautiful and convenient product block.

Block: Product Carousel

In the "Products" tab, you can specify which products will be displayed: all products, a specific product category, select products manually, or choose discounted products. Then you can choose the sorting and number of products.

In the "Settings" tab, you can specify the number of columns and rows to create the required carousel layout. You can also set side margins and spacing between products to achieve the ideal distance between each product and make the carousel more readable and attractive.

Block: Product Carousel

In the "Card Preview" tab, you can customize the product preview design.

Choose one of the three product preview types that will be displayed on the page.

The first type consists of the product image and text placed below the image.

Block: Product Carousel

The second type also contains the product image and text, but they are placed inside a container. You can customize the background color and text color so that the product preview looks more readable.

Block: Product Carousel

The third type consists of text overlaid on the product image. Here you can customize the overlay color on the image and the text color to create the most effective product preview design.

Block: Product Carousel

In addition to choosing the preview type, you can also configure the aspect ratio and image cropping, to create a consistent style for product previews. You can round the corners of product previews, which also helps create a more attractive design.

Block: Product Carousel

Additional tabs for Spacing, Typography, Background, and Effects allow you to fine-tune the block even further and create the most effective design. Don't forget to save your changes by clicking "Update" or "Add".