Venedor Section - Products Masonry Carousel
Blocks: You can add blocks as many as you want. Click here to go to the block settings.
- Section settings
- Section title: Set title
- Section description: Set description. Line breaks are preserved.
- Carousel settings
- Loop carousel: At the end of cells, wrap-around to the other end for infinite scrolling.
- Autoplay speed: Set autoplay duration. Unit is second. Input 0 to disable autoplay.
- Show pagination dots
- Show Navigation
- Naviagtor position: Choose where to show the navigation buttons.
- Navigator border color: Set navigation button color
- Navigator background color: Set navigation button color
- Navigator icon color: Set navigation button color
- Navigator hover background color: Set navigation button color
- Add box-shadow to navigators: This option adds box-shadow effect around navigation buttons.
- PRODUCT CARD CONFIGURATION
- Product card style: Choose one of the styles from a pre-defined styles list.
- Add darkness to product images: Add a filter effect to product images
- Show border around product cards: Add border
- Show box-shadow around product cards: Add box-shadow effect
- LAYOUT OPTIONS
- Number of rows: Set total number of rows
- Number of columns: Set the number of products to show in a row
- Space settings
- Section margin on desktop: Set margin of the section on desktop. Width > 1400px devices are considered as desktop.
- Margin on laptops: Set margin of the section on laptop. 1400px > Width > 768px devices are considered as laptop.
- Margin on mobile: Set margin of the section on mobile. Width < 769xp devices are considered as mobile.
- Collection: Select one of the collections to show in this block
- SIDE PROMOTION SETTINGS
- Side image: Set an image to show on the side promotion area. Recommended format is JPG and dimension is 410px * 550px.
- Set text
- Promotion text: Set the text to show under the image.
- Content style: Choose one of the text styles from a pre-defined list.
- Font size: Set the base font size. This will increase/decrease font size.
- Text color: Set promotion text color.
- Description: Set description text.
Use <em></em> and <strong></strong> tags to show outstanding texts.
- Emphasized text color: Set the color of texts wrapped with <em></em>.
- Emphasized text background color: Set the background-color of texts wrapped with <em></em>.
- Strong text color: Set the color of texts wrapped with <strong></strong>.
- Strong text background color: Set the background-color of texts wrapped with <strong></strong>.
- Button title
- Icon after text: Input an icon name to show in the button. This icon will reside on the right side of the text. Browse icons
- Button link: Set the link of button. You can select a page of your store or copy-paste a URL here.
- Button style: Choose one of the buttons defined in the theme settings.