Slidable Spotlight

To add this section, please follow below steps:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Add section and choose "Slidable Spotlight".

Section settings

General

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