Slidable Spotlight
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 "Slidable Spotlight".
Section settings
General
| Settings | Meaning |
|---|---|
Layout | 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 |
Title | Enter in the title for the section. |
Color | Apply a color to the title of the section. |
Font Size | Determine the font size of the title on Desktop. |
Font Size Mobile | Determine the font size of the title on Mobile. |
Font Weight | Select the font weight of the title |
Title Spacing Bottom | Determine the spacing of the title from bottom on Desktop. |
Title Spacing Bottom Mobile | Determine the spacing of the title from bottom on Mobile. |
Position Horizontal Arrow - (Unit % or px) | Fill in the desired positions of arrows horizontally relative to their slider. |
Block settings
Image
| Settings | Description |
|---|---|
Image | Upload/Select an image. |
Link | Set link for the block image to redirect to when clicked if the When Click On Image "Redirect To URL" option is selected. |
Title | Enter in the title for the block. |
Color | Apply a color to the title of the block. |
Font Size | Determine the font size of the title on Desktop. |
Font Size Mobile | Determine the font size of the title on Mobile. |
Font Weight | Select the font weight of the title |
Button | Enter the text for the button. |
Color - Border Color - Background Color - Background Gradient - Hover / Active Color - Hover / Active Border Color - Hover / Active Background Color - Hover / Active Background Gradient | Set the text color, background and border color for both the normal and hover states of the buttons. |
Button Width | Determine the width of the button. |
Button Spacing Top | Determine the spacing of the button from top. |
Last updated
