Shopable social
The Shopable social section seamlessly integrates product displays onto a banner, enhancing user engagement and simplifying the shopping experience.
Section settings
General settings
Section width
3 options for container
Stretch width: span the section width regardless of screen size.
Fix width: depends on your page content width in Theme settings -> Layout.
Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Color scheme
Select colors from Theme settings -> Colors
Heading
The title of the section
Description
The description of the section
Heading size
Font size text customization:
Small
Medium
Large
Content alignment
The position of the heading and description.
Left
Center
Right
Image ratio
"Image ratio" refers to the proportional relationship between the width and height of the image.
Settings for carousel
Items per row on desktop
Choose how many items to display per row on desktops for optimal layout.
Column gap
Adjust spacing between columns
Show navigation
Display the next and back controls for the carousel
Show pagination
Display the pagination for the carousel
Border background color
Set a background color for the border of the items
Section padding
Top padding: Customize the top margin of the section
Bottom padding: Customize the bottom margin of the section
Section radius
Enable rounded top
Apply a rounded corner effect to the top edge of the section
Enable rounded bottom
Apply a rounded corner effect to the bottom edge of the section
Theme block
Shopable item
Item preview
Image
Upload a desired image
Heading
The title of the item
Modal social
Social header
Social heading
Custom content block
Social count posts
The number of related post
Social content
2.1. Social post
Social account name
Define the social account name
Social account avatar
Upload the social account avatar
Social post content
Determine the main content text
Social post link
Attach a link to the social channel's post
2.2. Social image with product
Social post image
Upload your desired image
Select product
Select the desired product
Vertical position
The vertical position of the image
Horizontal position
The horizontal position of the image
Last updated