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

Header background

Gecko - Lookbook Slider

Mie Tran

Written by Mie Tran

Last updated

235 views

On this page


This section allows you to create a Lookbook slider. One of the best sections that make customers impressive right first time access to your store.

From Theme Section Sidebar -> Add section Lookbook Slider

11.webp

1.Lookbook Slider settings

1.1. SLIDER SETTINGS

  • Slider effect: Effect between transitioning slides, you can choose between Slide and Fade.

1.2.OPTIONS FOR CAROUSEL LAYOUT

  • Enable loop: At the end of cells, wrap-around to the other end for infinite scrolling.

  • Autoplay speed in second: You can set the automatically time move on to the next slider. Set is ‘0’ to disable auto play.

  • Pause autoplay on hover: Auto-playing will pause when the user hovers over the slideshow.

1.3.Prev next button

  • Use prev next button: This option allows you to enable/disable prev/next buttons for Slideshow.

  • Visible: You can choose between Always/ Only hover.

  • Button style: You can choose between Default, Outline, Simple.

  • Button shape(Not working with button style 'Simple'): You can choose between Default, Round, Rotate.

  • Button color: You can choose color for this button.

  • Buttons size: You can choose between Small, Medium, Large.

  • Hidden buttons on mobile: This option allows you disable this button on mobile devices.

14.webp

1.4. Page dots

  • Use page dots: This option allows you to enable/disable page dot.

  • Dots style: You can choose between Default, Outline, Elessi.

  • Dots color: You can choose color for Dots.

  • Enable dots round: You can change dots from square to round.

  • Dots between horizontal: You can change the space between dots.

  • Hidden dots on mobile: This option allows you disable dots on mobile devices.

15.webp

1.5. PIN PRODUCT DESIGN

This option allows you to choose any designs that you want to display for Product on Lookbook section.

We have created 4 designs for you to select, lets check it out:

1.6. DESIGN SETTINGS

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

17.webp

2. Image silde (parent)

This is parent block which mean if you want to display a pin inside an image then you need to put it below this block as Sub content.

21.webp

3. Pin settings

On this section, we provide 3 types of Pin as Product, Text and Link.

22.png

3.1. Pin Settings

  • Pin position: You can adjust position for pin by Top and Left parameter.

  • Title type: There are three types of icon design for you to select.

  • Short text: You can change the text content to display when your Title type is "Short text".

  • Pin size: You can set the pin size with many selections as Small, Medium, Large and Extra large.

  • Backgound color: This option allows you to set the background color for pin.

  • Icon/Text color: This option allows you so set the color for icon and text inside pin.

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