Image gallery
This sections allows you to create a gallery of Images.
From Theme Section Sidebar -> Add section Image gallery
1.Image gallery settings
1.1.HEADING OPTIONS
Design heading: There are a variety of designs for you, please try each all.
Heading align: You can set positions Left, Center or Right for heading.
Heading: You can add the heading title for this Lookbook section.
Enter a icon name on heading: You can choose the icon that you want to add in this LineAwesome and paste the name in here (Only used for design 6).
Subheading: You can add the sub title for this Lookbook section.
Space bottom (px): You can set the vertical spacing between heading and content.
1.2.GENERAL OPTIONS
Layout: You can choose between Grid, Carousel and Packery.
Click action: Select style when you click to image.
Enable Navigation Thumbnail: Works when use Photoswise Popup.
Open link in: This option allows you to open the link on the New window or Current window.
Item image rounded: You can adjust roundness for the image.
Image hover effect: Hovering effect will resize your images.
Item effect when hover: You can set effect for image when hovering.
1.3.OPTIONS IMAGE
Image ratio: Aspect ratio custom will settings in general panel.
Image size: This settings apply only if the image ratio is not set to 'Adapt to image'.
Image position: The first value is the horizontal position and the second value is the vertical. This settings apply only if the image ratio is not set to 'Adapt to image'.
Items per row: You can set item display per row on many devices.
Space between items: You can adjust space between items.
1.4.OPTIONS FOR CAROUSEL LAYOUT
Enable loop: At the end of cells, wrap-around to the other end for infinite scrolling.
Autoplay speed in second: Set is ‘0’ to disable autoplay.
Pause autoplay on hover: Auto-playing will pause when the user hovers over the carousel.
1.5.Prev next button
Use prev next button: Creates and show previous & next buttons.
Visible: You can choose between Always visible or Only hover.
Button style: You can set style for prev/next button.
Button shape: You cans set button shape for prev/next button (Not working with button style 'Simple').
Button color: You can set color for prev/next button.
Button size: You can set size for prev/next button.
Hidden buttons on mobile: This option allows you to disable prev/next button on mobile.
1.6.Page dots
Use page dots: Creates and show page dots.
Dots style: You can set style for dots.
Dots color: You can set color for dots.
Enable dots round: This option allows you to change the dots square to dots round.
Dot between horizontal: You can adjust space between dots.
Hidden dots on mobile: This option allows you disable dots on Mobile versions.
1.7. DESIGN OPTIONS
Layout: You can choose between Container, Full width and Wrapped container.
Background: You can change the background color for this section.
Background gradient: You can change the background gradient color for this section.
Margin, Padding: You are allowed to change both of them for this section.
2.Image block
With this block, you can add an Image and Link for section.
[Private Offer] EComposer Partner Plan
Exclusively for Kalles users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:
FREE 100% EComposer Standard plan for 6 months (save you $114)
Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
Create advanced sections & add to Kalles with ease
Save up to 50 pages/sections
100+ professional, stunning pre-designed templates
Anyone can build pages with live drag-drop editor
How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for free
Cheers, The4.
Last updated