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 "Custom Product Widget".
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
Determine the left and right spacing of the Full Width layout.
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
Enable Title Border?
Enable Title Border
Alignment
Select the alignment of the header text to be either to the Left, Center or to the Right of the section.
Title
Enter the text for the title.
Title Font Size
Specify the font size of the title on desktop.
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 text.
Title Border Color
Set color for the border/underline of the title.
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.
Cover Image
Set Cover Image for video
Style Video
Select YouTube or Vimeo video/Mp4
URL
Enter a URL for a YouTube or Vimeo video.
URL Mp4
Select video Mp4
Video Height
Enter the Width / Height ratio to render the video.
Video Alt Text
Describe The Video To Make It Accessible For Customers Using Screen Readers.
Auto Play Video?
Auto Play Video
Collection
Select a collection to show on the block.
Maximum Products To Show
Limit the number of products displayed on this block.
Show Dots On Desktop
Toggle the paginating dots on Desktop.
Show Dots On Mobile / Tablet
Toggle the paginating dots on Tablet and Mobile.
Spacing Top Dots
Determine the spacing of the dots from the slider.
Show Arrows On Desktop
Toggle the navigation arrows on Desktop.
Show Arrows On Mobile / Tablet
Toggle the navigation arrows on Mobile.
Show Counter Number
Show above next arrow of slider. (Position current of item on slider / total items.)
Show Progress Bar
Show Progress Bar of slider
Scrollbar Height
Specify scrollbar height
Scrollbar Track Background
Apply a background color to Scrollbar Track
Scrollbar Thumb Background
Apply a background color to Scrollbar Thumb
Scrollbar Thumb Hover Back
Apply a background color hover to Scrollbar Thumb
