Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Gecko - Image Gallery

Alfred

Written by Alfred

Last updated

246 views

On this page


This section allows you to create a gallery of Images.

From Theme section sidebar -> Add section -> Image gallery section

1. Image block

With this block, you can add an Image and Link.

spaces_tdDF4h55NE3bVEDpck0F_uploads_9OZrJMkh2hHOdeYrojfs_2023-01-05_15-18-09.webp

2. How to configure the Image gallery section?

2.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 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.

spaces_tdDF4h55NE3bVEDpck0F_uploads_6b75eyqv8zpj3HgckuNr_2023-01-05_15-25-43.webp

2.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.

2.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.

2.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.

You also can config the style for Prev, next button and Page dots

spaces_tdDF4h55NE3bVEDpck0F_uploads_RLiRGnhmhFQtJ8QJWkau_2023-01-05_16-05-33.webp

2.5. 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.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, 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, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.