Our Product carousel widget will enable you to display your products in a different way so that they can easily attract your customers.
To use our Product Carousel widget, first create a section by clicking on the “+” icon on Elementor and then from the block section of the left bar search for WC Product Carousel. Drag the WC Product Carousel block and drop it into your created section.
Now under the Content tab from the Template Style menu, you can select the image carousel style. There are five different styles available.
You can see all the styles from here –
From the product query option, you can filter different options to display the product. Set the product number to display, add a column gap. Then you can display the product by –
From the product setting option, you can hide or display the product title, rating, price, and other options.
Product Label Setting
Add sale text, stock out text, and alignment.
Now from the Slider Option menu, you can set up your slider features. You can choose the number to display in the slider as well as scroll in the slider. You can enable or disable the autoplay & loop option and set the autoplay speed. You can also set the distance between siders and slider direction as left or right. There is also an option to choose slide effect as slider or fade.
Now move on to the style tab where different style options are available for the product carousel section.
Product Body Section
Add background, border type, box-shadow for both normal and hover conditions.
Set title typography, title color, title hover color, padding and margin for product grid title.
You can add category typography, text color, background color, border, box-shadow and others for the category section.
Product Price, wishlist button & Product not found message
You can style your regular price and sale price and wishlist and product not found typography, text color, padding and margin.
Great! You have successfully created your Product Carousel section.