Multi Tab Product Listing
This element allows to insert mutli tab product listing.
Multi Tab Product Listing Shortcode
Multi Tab Product Listing Widget
Param Name | Description | |
---|---|---|
Listing Type | Select listing type. | |
Enable Intro | Enable intro to display title and description (and tabs) on left side of listing. | |
Content | Note : If “Intro” is enabled, title and subtitle will be displayed in “Intro” portion, otherwise it will be displayed at top. | |
Title | Enter the intro title. | |
Title Color | Select the title color. | |
Description | Enter intro description. | |
Description Color | Select description color. | |
Intro Design | ||
Background Type | Select intro background type. There are 3 types each contains specific fields | |
Background Type ( Color ) | ||
Background Color | Select background color. | |
Background Type ( Image ) | ||
Background Image | Upload intro background image. | |
Background Position | Select intro background image position. | |
Background Repeat | Select intro background image repeat. | |
Background Size | Select intro background image size. | |
Overlay Color | Select overlay color for background image. | |
Intro Content Alignment | Select content alignment in Intro. | |
Tabs | ||
Tabs Position | Select tabs position. Note: If ‘Intro’ is not enabled, Tab Position will be set as ‘Top’ by default. |
|
Top Tabs Style | Select tabs style, when Tabs are positioned at top. Note: This field only visible if tab position set to top. |
|
Top Tabs Alignment | Select tabs alignment, when Tabs are positioned at top. Note : This field only visible if tab position set to top. |
|
Tabs Source | Select tabs source. | |
Tabs Source (Categories) | Select categories to display as tab. Note: This field is visible if “Tabs Source” selected as categories. |
|
Tabs Source (Product Types) | Select product types to display as tabs. Note: This field is visible if “Tabs Source” selected as product types. |
|
Tabs Source (Product Types) | Select product types to display as tabs. Note: This field is visible if “Tabs Source” selected as product types. |
|
Tab Link Color | Note: Tab Link color will applied, If ‘Tab Position’ set as inro. | |
Tab Link Active Color | Note: Tab link active color will applied, If ‘Tab Position’ set as inro. | |
Product | ||
Number of item | Enter the number of items to be displayed. | |
Grid Settings | Note: This section only visible if List style set to Grid. | |
Grid Columns | Select listing grid columns. | |
Carousal Settings | Note: This section only visible if List style set to carousal. | |
Small Devices ( ≥576px ) | Select number of items to display in small devices. | |
Medium Devices ( ≥768px ) | Select number of items to display in medium devices. | |
Large Devices ( ≥992px ) | Select number of items to display in large devices. | |
Extra Large Devices ( ≥1200px ) | Select number of items to display in extra large devices. |