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 "Spotlight Products".
Last updated
| 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
Determine the left and right spacing of the Full Width layout.
Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile
Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.
Background Color
Set color for the section background.
Background Gradient
Set color gradient for the section background.
Background Image
Upload/Select an image as the section background
Enable Sticky Heading
Enable sticky heading section
Title
Enter in the title for the section.
Title Font Size
Specify the font size of the title.
Title Font Size Tablet
Specify the font size of the title on tablet.
Title Font Size Mobile
Specify the font size of the title on mobile.
Title Margin Bottom
Determine the spacing of the title from bottom on Desktop.
Title Margin Bottom Mobile
Determine the spacing of the title from bottom on Mobile.
Title Color
Apply a color to the title of the section.
View all
Enter the text for the "View all" link.
View All Alignment
Select the alignment of the View all text to be either to the Left, Center or to the Right of the section.
View All Font Weight
Select the font weight of the "View all"
View All Margin Bottom
Determine the top spacing of the "View all" Desktop.
View All Margin Bottom Mobile
Determine the top spacing of the "View all" Mobile.
Enable View All Border?
Enable View All Border?
View All Link
Set URL for the "View all" to redirect to if the "Redirect To URL" is selected.
View All Color
Apply a color to the "View all" of the section.
View All Icon
Enter the SVG icon for the "View all".
Icon View All Color
Apply a color to the icon.
Alignment
Select the alignment of the header text to be either to the Left, Center or to the Right of the section.
Image Behavior
Select animation for images
Select Image
Upload/Select an image.
Show Dots On Desktop
Toggle the paginating dots on Desktop.
Show Dots On Mobile / Tablet
Toggle the paginating dots on Tablet and Mobile.
Show Arrows On Desktop
Toggle the navigation arrows on Desktop.
Show Arrows On Mobile / Tablet
Toggle the navigation arrows on Mobile.
Select Product
Select Product to show
Icon color
Enter the SVG icon for the .
Dot Horizontal Position (%)
Determine the horizontal position of the dot relative to the block's left.
Dot Vertical Position (%)
Determine the horizontal position of the dot relative to the block's top.
