Brands Showcase
Last updated
Last updated
To add this section, please follow below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Brand slider 02".
| Settings | Meaning |
|---|---|
Section width | Select the layout width of the whole section. The options are: Default (same as the body width) Width (1170px) Width (1470px) Width (1770px) Full width (100% of the viewport width). |
Padding for 'full width' option on desktop | Determine the left and right spacing of the full width layout. |
Negative top margin | Determine the distance the section will be moved up. |
Background color | Apply the color for the section background. |
Background gradient | Apply the gradient color for the section background. |
Background image | Select/Upload an image as the section background. |
| Settings | Meaning |
|---|---|
Title | Enter the title for the section. |
Title color | Apply color on the title of the section. |
Title font size | Determine the font size of the title. |
Title font size on mobile | Determine the font size of the title on mobile device. |
Title bottom margin | Determine the spacing of the title from the bottom content. |
Show title border | Toggle the underline of the title throughout the width of the section and title is automatically aligned to the left side. |
Title border color | Apply the color on the title underline / border. |
Description | Enter descriptive text for the section. |
Description color | Apply color on the section description. |
Description font size | Determine the font size of descriptive text. |
Description bottom margin | Determine the spacing bottom of descriptive text. |
View all | Enter the text for the view all button. |
'View all' font size | Determine the font size of the view all button text. |
'View all' font weight | Select the font weight of the view all button text. The options are: Normal, Medium, Semi bold, Bold, Extra bold, Black. |
'View all' bottom margin | Determine the spacing bottom of the view all button. |
Show 'view all' border | Toggle the view all button border. |
'View all' link | Specify the link for the view all button to redirect to. |
'View all' link color | Apply color on the view all button text. |
Alignment | Select the alignment of the content relative to the section. The options are: Left, Right, Center. |
| Settings | Meaning |
|---|---|
Grid gap | Determine the gap between each block items |
Auto-rotate slides | This feature allows sliders to transition automatically for a specific duration. |
Items per row | Select the number of columns per row. |
Navigation arrows color | Apply the color on the arrows. |
Dots color | Apply the color on the dots. |
| Settings | Meaning |
|---|---|
Desktop | Determines the height of the top inner space of the section on the desktop device. Can be from 0px to 150px, increasing arithmetically of 5px (pixel). |
Tablet | Determines the height of the top inner space of the section on the tablet device. Can be from 0px to 150px, increasing arithmetically of 5px (pixel). |
Mobile | Determines the height of the top inner space of the section on the mobile device. Can be from 0px to 150px, increasing arithmetically of 5px (pixel). |
| Settings | Meaning |
|---|---|
Desktop | Determines the height of the bottom inner space of the section on the desktop device. Can be from 0px to 150px, increasing arithmetically of 5px (pixel). |
Tablet | Determines the height of the bottom inner space of the section on the tablet device. Can be from 0px to 150px, increasing arithmetically of 5px (pixel). |
Mobile | Determines the height of the bottom inner space of the section on the mobile device. Can be from 0px to 150px, increasing arithmetically of 5px (pixel). |
| Settings | Meaning |
|---|---|
Image | Select/Upload an image for the block item. Recommended Image: Width x Height (186 x 74)px. |
Description | Enter descriptive text for the block. |
Description font size | Font size of descriptive text on desktop devices. |
Description font size on mobile | Font size of descriptive text on the tablet and mobile device. |
Line height | Set spacing between lines of description text. |
Description color | Apply color on the descriptive text. |
