Tab Collage
Table of Contents
The appearance of the Tab Collage #
Section Settings #
| Settings | Description |
| Subheading | This is the section subtitle. |
| Subheading style | Select the subheading style here |
| Heading | Text: You can add a section title using the Text. |
| Heading size | Large: This is the large text size of the section heading. Desktop size: 50px, Mobile Size: 30px Medium (Default): This is the medium text size of the section heading. Desktop size: 40px, Mobile Size: 28px Small: This is the medium text size of the section heading. Desktop size: 32px, Mobile Size: 25px |
| Heading alignment | Left: Aligns the content to the left. Right: Aligns the content to the right. Center: Aligns the content to the center. |
| Heading mobile alignment | Left: Aligns the content to the left. Right: Aligns the content to the right. Center: Aligns the content to the center. |
| Color scheme | Select the color scheme here. |
| Dekstop Layout | – Content first – Media first |
| Enable rounded corners | Please click the checkmark to round the corners of the box. |
Image Block #
| Settings | Description |
| Image | Select image: Click and upload your required image, Recommended size: 927×600 |
| Heading | Left-side content heading for the image block. |
| Text | Left-side content description for the image block. |
| Button label | Left-side content button label for the image block. |
| Button link | This is a link for the button. |
| Button type | Primary: Use a solid background button style Secondary: Use outline button style Icon button: Use icon button style Link button: Without background and outline. |
| Button size | You can change the button size by following the options, (Large, medium, small) |
Collection Block #
| Settings | Description |
| Collection | Select Collection: Click and select product collection. |
| Collection Title | When a Collection is selected, its title will be automatically added to the heading. |
| Text | Left-side content description for the image block. |
| Button label | Left-side content button label for the image block. |
| Button Link | This is a link for the selected collection. |
| Button type | Primary: Use a solid background button style Secondary: Use outline button style Icon button: Use icon button style Link button: Without background and outline. |
| Button Size | You can change the button size follow the options, (Large, medium, small) |
| Product Display | All product card settings are available here for customization. |
Video Block #
| Settings | Description |
| URL | Use a YouTube or Vimeo video URL for embedding. |
| Heading | Left-side content heading for the Video block. |
| Text | Left-side content description for the Video block. |
| Button label | Left-side content button label for the Video block. |
| Button link | This is a link for the button. |
| Button type | Primary: Use a solid background button style Secondary: Use outline button style Icon button: Use icon button style Link button: Without background and outline. |
| Button size | You can change the button size by following the options, (Large, medium, small) |
Product Block #
| Settings | Description |
| Product | Select a product link; you can choose any product. |
| Heading | When a product is selected, its title will be automatically added to the heading. |
| Text | Left-side content description for the product block. |
| Button label | Left-side content button label for the product block. |
| Button link | This is a link for the selected product. |
| Button type | Primary: Use a solid background button style Secondary: Use outline button style Icon button: Use icon button style Link button: Without background and outline. |
| Button size | You can change the button size by following the options, (Large, medium, small) |
Mobile settings #
| Settings | Description |
| Section title alignment | Left: Aligns the content to the left. Right: Aligns the content to the right. Center: Aligns the content to the center. |
| Number of columns on mobile | You can select a product column per row following the options (1, 2). Except for the collage layout, Works on all other layouts. |
Section padding settings #
| Settings | Description |
| Desktop: Padding top | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |
| Desktop: Padding bottom | The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |
| Mobile: Padding top | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile. |
| Mobile: Padding bottom | The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |