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".
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.
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.
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.
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).
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).
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.
