Address
304 North Cardinal St.
Dorchester Center, MA 02124
Work Hours
Monday to Friday: 7AM - 7PM
Weekend: 10AM - 5PM
Popular Search
mega menudemocartlanguagecolor
Split slideshow with video
3 min read
Table of Contents
The appearance of the slideshow #
| Settings | Description |
| Show container offset | True/False |
| Round corner | Enable rounded corners for the split slideshow with a video box. Small, Medium, Large |
| Slide height | Adapt to first image: Uses the aspect ratio of the slider’s first image; the other images are cropped. Small: This is the smallest height of the slider. Desktop height: 500px, Mobile height: 280px Medium: This is the medium height of the slider. Desktop height: 650px, Mobile height: 340px Large: This is the maximum height of the slider. Desktop height: 890px, Mobile height: 390px. |
| Video | Select your Shopify-hosted video or External video URL |
| Heading | RichText: You can add a slide title using the Rich Text editor. Learn more about this |
| Heading size | Large: This is the large text size of the section heading. Desktop size: 96px, Mobile Size: 30px Medium: This is the medium text size of the section heading. Desktop size: 70px, Mobile Size: 28px Small: This is the medium text size of the section heading. Desktop size: 50px, Mobile Size: 25px |
| Heading line-height | – Small – Medium – Large |
| Heading separator bottom | True/False |
| Subheading | You can change the text of the slide. |
| Button label | This is a button for a single slide. Leave the label blank to hide the button. |
| Button link | This is a link for the button. |
| Button type | Primary: Use a solid background button style Secondary: Use outline button style |
| Button size | You can change the button size by following the options (Large, Medium, Small) |
| Video text color scheme | Change your video text color scheme |
| Show review icons | True/False Show review icons Icon show and color select |
Slider settings #
| Settings | Description |
| Enable autoplay | True/False |
| Auto-rotate slides | A slide show can be set to play automatically. |
| Change slides every | Determine how frequently to update slides. Minimum 1s and maximum 10s |
| Enable navigation | You can hide or show the slider’s navigation arrows. These arrows let users manually move to the previous or next slide. |
| Navigation color |
Slide block settings #
| Settings | Description |
| Desktop image or Video | This is the setting for your slide image or video. The recommended size is 1920 x 900px |
| Show image overlay | Select a color overlay from the bottom to the top of the slider image. When enabled, you can adjust the overlay color and opacity (0–100%) to control how dark or light the overlay appears. |
| Content | Customize the text and layout displayed on each slide. You can set the subheading, heading, description, and button details to create engaging promotional messages or highlight featured products. |
| Subheading | You can add subheadings for a single slide using the Rich Text editor. Learn more about this |
| Letter spacing | Range used for letter spacing up to (0px to 5px). |
| Heading | You can change the text color of the slide. |
| Heading size | Large: This is the large text size of the section heading. Desktop size: 96px, Mobile Size: 30px Medium: This is the medium text size of the section heading. Desktop size: 70px, Mobile Size: 28px Small: This is the medium text size of the section heading. Desktop size: 50px, Mobile Size: 25px |
| Heading line-height | – Small – Medium – Large |
| Description | You can add a slide description using the Rich Text editor. Learn more about this |
| Button label | This is a button for a single slide. Leave the label blank to hide the button. |
| Button link | This is a link for the button. |
| Button type | Primary: Use a solid background button style Secondary: Use outline button style |
| Button size | You can change the button size by following the options (Large, Medium, Small) |
| Desktop content position | Select the position of the slide’s text content (subheading, heading, description, and button) on desktop screens. You can place the content at the top, middle, or bottom, and align it to the left, center, or right of the slide. The position is automatically optimized for mobile devices. |
| Content alignment | Left: Aligns the content to the left. Right: Aligns the content to the right. Center: Aligns the content to the center. |
| Text color | You can change the text color of the slide. |
| Tab title | Tab item title |
| Mobile image | This is the setting for your slide image on mobile. The recommended size is 600 x 480px |
| Mobile content alignment | You can change the content alignment only for mobile. Left: Aligns the content to the left. Center: Aligns the content in the center. Right: Aligns the content to the right. |
Section padding settings #
| Settings | Description |
| Desktop: Padding top | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |
| Desktop: Padding bottom | The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |
| Mobile: Padding top | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile. |
| Mobile: Padding bottom | The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |
Powered by BetterDocs