Links

Hero image

This section allows you to add an image. You also can add texts, call-out buttons for them. It is usually located on Home Page. However, Shopify 2.0 allows you to add the Slideshow to any pages that you want. You can go to Theme sections > Add section > Background Video and configure it.

1. Hero Image settings

This setting allows you to adjust Section height, effects, buttons, layout, etc for Slideshow section.

1.1. GENERAL OPTIONS

  • Section height: This section allows you to change height for slideshow. There are many choices for you to choose. If you choose Custom height, you can choose only for mobile, tablet, or desktop devices; and enter different height for them.
  • Enable parallax scroll: Turn on this option to use parrallax for the image when scrolling down.
  • You can also set the Image position, Link image and the Open Link In for the section.

1.2. CONTENT POSITION OPTIONS

  • You can also set the Content align (both on mobile and desktop) and Content width for the content in the section.
  • Helps you configure the style of the content with options for Content vertical position, Content horizontal position both on Mobile & Desktop.

1.3. CONTENT BACKGROUND, COLOR OPTIONS

  • Helps you configure the style of the content color & content background color with options for Overlay color, Overlay opacity, Background color, Background color opacity.
  • You can also change the Content padding top/bottom (px), Content padding left/right (px) for both on Moblile & Desktop
  • Use border content: Turn on this option to use the border content. And you can change the Border color, Background border, Border opacity, Border style and Borderr Padding.

1.4. DESIGN OPTIONS

  • Layout: You can choose between Container and Full width. Besides, you can also choose background color or background gradient for layout.
  • Margin, Padding: You are allowed to change both of them for both on Mobile & Desktop devices

2. Hero Image content

2.1. Text

With this block, you can add a text to the slide image and you can adjust text with many options like Font family, Font size, color, etc.

2.2. Button

With this block, you can add a text to the slide image and you can adjust text with many options like Font family, Font size, color, etc.

2.3.HTML

This block allows you to add a HTML codes to the slide.

2.4.Image (Child)

With this block, you can add a Image(child) inside the Image(parent) and you can adjust the Image(child) more creatively.

2.5.Countdown timer

This block help you add the countdown timer and set it very easily just by adding the date countdown into.

2.6.Space HTML

This block allows you to create a separator line for this section.
You can customize some options for Space HTML like Color, Width, Height, Margin.

[Private offer] Kalles Partner Plan

Don't have to be tech-savvy, you surely can create your powerful and eye-catching store with EComposer - Visual Page Builder app (Our free add-on for Kalles):
  • FREE 100% lifetime (save you $150 annually)
  • Build any essential Shopify pages & Landing page, Sales Funnel Page, Lead pages, etc. tailored for your marketing campaigns, ads.
  • Create advanced sections & add to Kalles with ease
  • Anyone can build pages with live drag-drop editor
  • Publish up to 15 pages
  • 24/7 livechat support
Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for FREE.
Cheers, The4.