Contact Us

Contact NextSky if you need further assistance.

Shopable video

Shoppable video allows you to display products within engaging video content. Each video highlights one or more items and includes direct shopping links, enabling customers to purchase instantly while watching. This section enhances storytelling, boosts engagement, and helps increase conversions. It is fully responsive and adapts seamlessly to different screen sizes.

Section settings

General settings

SettingDescription
Section width

3 options for container

  • Stretch width: span the section width regardless of screen size.
  • Fixed width: depends on your page content width in Theme settings -> Layout.
  • Full width: takes up the entire space on the page and it usually resizes itself to fit the size of the scree
Color schemeSelect colors from Theme settings -> Colors

Section header settings

SettingDescription
SubheadingThe subheading of the section
HeadingThe title of the section
Enable heading underline animationTurn on an animated underline effect for headings. Switch off to keep a static look.
Underline style

Choose the underline's look. Include:

  • Include: Simple underline – Clean straight line beneath the text.
  • Curve stroke: Soft, hand-drawn curved stroke for a casual feel.
  • Squiggle underline: Wavy line for a lively, attention-grabbing look.

* Note: Only appears when Enable heading underline animation is enabled

Underline colorPick the color used for the underline.
* Note: Only appears when Enable heading underline animation is enabled
DescriptionThe description of the section
Heading size

The size of the title:

  • Small
  • Medium
  • Large
Alignment

The position of the heading and description.

  • Left
  • Center
  • Right

Video settings

SettingDescription
Video ratio

Determine the aspect ratio of your video.

  • Adapt to first video ( Default )
  • Square ( 1:1 )
  • Portrait ( 3:4 )
  • Landscape ( 4:3 )
Video auto playEnable the autoplay functionality of the video
Enable video stickyKeep the video visible while scrolling in a small sticky player (pinned to a corner). Turn off to keep the video inline only.

Carousel settings

SettiingDescription
Items per row on desktopNumber of columns to display on desktop computers. Minimum: 2. Maximum: 4.
Column gap

4 options for column gap

  • No gap
  • Small
  • Medium
  • Large
Show navigationDisplay the next and back controls for the carousel
Show paginationDisplay the pagination for the carousel
* Note: Pagination will automatically show on mobile if you display the number of items on mobile as 1 or 2
Auto-change slideWhen enabled, the carousel will run automatically
Change slides everyThe running period of the carousel

Mobile settings

SettingDescription
Items per row on mobileNumber of columns to display on mobile devices.

Section padding settings

SettingDescription
Top Customize the top margin of the section
BottomCustomize the bottom margin of the section

Section divider settings

SettingDescription
Show dividerDisplay a dividing line to separate from the previous section

Block settings

SettingDescription
ProductSelect a product from your store.
Poster imageSelect an image for displaying as a poster (1080px x 1920px recommended)
Local videoSelect a local video for displaying (1080px x 1920px recommended)
Video alt textThis setting is for describing the video for customers using screen readers

Comments

No comments yet

Looking for Help?
Get support from our team

If you can't find the answer you're looking for, our support team is here to help.