o 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".
Last updated
| Settings | Meaning |
|---|---|
| Settings | Meaning |
|---|---|
| Settings | Meaning |
|---|---|
| Settings | Meaning |
|---|---|
| Settings | Meaning |
|---|---|
Section width
Select the layout width of the whole section. The options are: Default (same as the body width), 1170px, 1770px, Full Width (the 100% of the viewport width).
Padding Container Full Width
Determines the left and right spacing of the Full Width layout.
Style Layout
Select the layout style for the block items of the section. The options are: - Style 1: The block items are listed typically. - Style 2: Each block items has some top and bottom padding along with box shadow.
Layout
Select the general layout of block items to show together. The options are:
Grid: The block items show as grid.
Slider: The block items show as slider.
Infinite Scrolling: Block items automatically scroll left or right.
Scroll from
Sets the direction of the scrolling within the marquee. There are two options:
Left to right
Right to left
This setting only works with the 'Infinite Scrolling' option of the Layout setting above.
Scroll speed
The scroll speed of the block items.
Enable Border?
Displays the top border for the section.
Background Color
The background color of the section.
Background Gradient
The background gradient of the section.
Background Image
Upload an image as the section background.
Block Header Style
Select a layout for the header block:
Style 1: When there is a banner, this style will appear inside the products container.
Style 2
Style 3: When there is a banner, this style will appear across the entire section's container.
Style 4
Title
The title of the section.
Title Color
The color of the section title.
Title Font Size
The font size of the section title on tablet and desktop devices.
Title Font Size Mobile
The font size of the section title on mobile devices.
Title Margin Bottom
Determines the spacing of the title from the bottom content.
Enable Background Transparent Title
Make the background of the tille transparent.
Enable Border Title
Allows displaying the top or bottom border of the title depending on the style of the Header Block.
Title Border Color
The color of the title border.
Description
The description for this section.
Description Color
The color of the description text.
Description Font Size
The font size of the description text.
Description Margin Bottom
Determines the spacing bottom of the description text.
View All
Enter the text for the View All button.
View All Font Size
The font size of the View All button text.
View All Font Weight
Select the position of the View All button to be either to the Left, Right or Center.
View All Margin Bottom
Determines the spacing bottom of the View All button.
Enable View All Border?
Toggle the bottom border for the View All button.
View All Link
Specify the link for the View All button to redirect to.
View All Color
The text color of the View All button.
View All Icon
Enter the SVG icon that stands next to the text in the button. Go to this link Find your Icon. Find the icon you want, then copy the SVG code and paste it here.
Icon View All Color
The icon color of the View All button.
View All Icon Side (Left / Right)
Select the position of the icon to be either to the left or right of text in the button.
Button
Button Text
The text that displays on the button.
Button Font Size
The font size of the button text.
Button Spacing Top
Determines the top spacing of the button.
Button Color
The text color of the button.
Button Link
Specify the URL for the button to redirect to.
Slideshow Auto Play
Sets slider to transition automatically for a specific duration.
Change slides every
Sets a particular speed in milliseconds for the auto play slider.
Item Per Row
Determines the number of block columns per row on desktop devices.
Enable Arrows?
Display the arrows for the slider.
Enable Dots?
Display the dots for the slider.
Enable Center Mode?
Make the position of the current slide to remain in the center.
Arrows
Arrows Layout
Select the layout for the slider arrows.
Style 1: The arrows are to the top right of the section.
Style 2: The arrows wrap the sliders in between.
Arrows Position Horizontal
Determine the horizontal spacing of the arrows inward relative to the slider. (Use for Arrows Layout 2)
Color
The icon color of the arrows.
Background Color
The background color of the arrows.
Background Gradient
The background gradient of the arrows.
Border Color
The border color of the arrows.
Hover / Active Color
The border color of the arrows for hover state.
Hover / Active Background Color
The background color of the arrows for hover state.
Hover / Active Background Gradient
The background gradient of the arrows for hover state.
Hover / Active Border Color
The border color of the arrows for hover state.
Item Per Row Mobile
Determines the number of block columns per row on mobile devices.
Desktop
Determines the spacing of the section from its top sections on Desktop.
Tablet
Determines the spacing of the section from its top sections on Tablet.
Mobile
Determines the spacing of the section from its top sections on Mobile.
Desktop
Determines the spacing of the section from its bottom sections on Desktop.
Tablet
Determines the spacing of the section from its bottom sections on Tablet.
Mobile
Determines the spacing of the section from its bottom sections on Mobile.
Image
Select/Upload an image for the block item. Recommended Image: Width x Height (186 x 74)px
Image Spacing Bottom
Determine the spacing of the image from its bottom.
Image Border Radius
Determine the roundness of the image border.
Enable Border?
Toggle to show the border on the image.
Border Radius
Determine the border radius of the block item.
Border Color
Apply color on the border of the block.
Border Color Hover
Apply the color on the border of the block on hovered.
Title
Enter the title underneath the image.
Title Font Size
Determine the font size of the title.
Title Font Size Mobile
Determine the font size of the title on Mobile.
Title Font Weight
Select the font weight of the title. The options are: Normal, Medium, Semi bold, Bold, Bolder, Black.
Text Color
Apply color on the title text.
Text Hover Color
Apply color on the title text on hovered.
Title Spacing Bottom
Determine the spacing of the title from the bottom.
Description
Enter the text for the block description.
Description Color
Apply color on the block description.
Link
Specify the link for the block to redirect to on clicked.
Box Shadow
Select when the box shadow appears. The options are: None, Box Shadow (static), and Box Shadow Hover (box shadow appears on hovered).
Horizontal Length
Determine the offset of the box shadow to the right.
Vertical Length
Determine the offset of the box shadow to the left.
Blur Radius
Determine the how blur the box shadow is.
Spread
Determine the far the thickness of the box shadow maintains.
Opacity
Determine the transparency of the box shadow.
Inset?
Toggle to set the box shadow falls inward or outward.
