Collection tabs
Sitar theme provides a section, namely "Collection tabs". In this section, you can add a collection containing multiple products.
Setting | Description |
---|---|
Background image | Background image Use "Image" to add the background image to the section. Background gradient Modifying the gradient color of the background will result in a corresponding color change for the background. |
Heading | Enter text to display as a title in the section. |
Heading size | Following is the font size customization of the heading of the section:
|
Subheading | Text Enter text to display as a subheading in the section. Style Customization of the "Subheading style" in the collection tabs section is as follows:
position Customization of the "Subheading position" in the collection tabs section is as follows:
Heading/subheading alignment Customization of the "Heading/subheading alignment" in the collection tabs section is as follows:
|
Description | Enter text to display as a description in the section. |
Description style | Customization of the "Description style" in the collection tabs section is as follows:
|
Make products full width | By enabling this checkbox, you can make section in full width. |
Enable carousel on desktop | Use "Enable carousel on desktop" to show the slider carousel in the desktop screen. |
Slider arrow position | Customization of the "Slider arrow position" style in the Collection tabs section is as follows:
|
Number of columns on desktop | "Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “2” and a maximum of “5” products. |
Product card | Style Customization of the "product card" style in the collection tabs section is as follows:
Text alignment Customization of the "Text alignment" in the collection tabs section is as follows:
Card color scheme In this section, you can change the background and foreground color of a section using the color scheme.
Image ratio Product image customizations in a section are as follows:
Show second image on hover By enabling this checkbox you can “Show the second image on hover”. Show quantity By enabling this checkbox you can display the “Quntity”. Show vendor By enabling this checkbox you can display the “Product vendor”. Show product rating By enabling this checkbox you can display the “Product rating”. Enable quick look button By enabling this checkbox you can display the “Quick look button. Show countdown By enabling this checkbox you can display the “Countdown timer”. |
Variants | Show border above the variants By enabling this checkbox you can show border above the variants. Show variants By enabling this checkbox you can display the “Product variants”. Type The variant type is given below. If type "Dropdown" then the variant would be dropdown. and if the type is "Pills" then the variant would be pills.
Enable color swatches By enabling this checkbox you can show the "Variant color." |
Stock bar | Show stock bar Check this box to display the "Stock bar" in this section. Maximum stock Adjust maximum the stock for the stock countdown. Maximum product stock can be given up to "200". Limit stock cut off Adjust the limited stock cut-off for the stock countdown. Limit stock message Display limit stock message. In stock message Display the "In stock" message. Continue selling message Display the "Continue selling" message. Colors Customize the colors of Limited stock, In stock and Continue selling text. |
Mobile layout | Number of columns on mobile "Number of columns on mobile" is used for the customization of product columns in Mobile devices.
Enable swipe on mobile The product slides in the mobile when the checkbox is activated. |
Add block
To add block to the Collection tabs section, click on the 'Add Collection'. There are many options available , as you can see in the below points and screenshot.
Block | Description |
---|---|
Tab name | Enter text to display as a tab name in the section. |
Collection | Select a collection to display products in the section. |
Maximum products to show | "Maximum products to show" is to specify how many products to show in a section. You can show a minimum of “2” and a maximum of “8” products. |
Last updated