4. Tab Collection Slider
Sections > Add section > Tab Collection Slider
1 - TITLE SETTINGS
1.1 - Heading: Collection's name
1.2 - Sub text: Sub for collection's name
1.3 - Sub Text use font: Choose font for Sub text
1.4 - Design Title: (There are 11 options)
1.4.1 - Design 01
1.4.2 - Design 02
1.4.3 - Design 03
1.4.4 - Design 04
1.4.5 - Design 05
1.4.6 - Design 06
1.4.7 - Design 07 (With line awesome)
Icon fontawesome only works on Design 07
1.4.8 - Design 08
1.4.9 - Design 09
1.4.10 - Design 11
1.4.11 - Design 12
2 - DESIGN TAB
2.1 - Tab (10 options)
3 - DESIGN OPTIONS
3.1 - Layout (2 options)
3.2 - Margin/Padding
Margin top, margin right, margin bottom, margin left. If you not use to blank
Padding top, padding right, padding bottom, padding left. If you not use to blank
4 - DESIGN MOBILE OPTIONS
4.1 - Margin/Padding
Margin top, margin right, margin bottom, margin left. If you not use to blank
Padding top, padding right, padding bottom, padding left. If you not use to blank
5 - CONTENT
5.1 - Title block (optional)
Leave empty to use 'collection title' title.
5.2 - Collection
Choose collection to show products
5.3 - Products per page (1-50 products)
5.4 - Space between products (20px - 50px)
5.5 - Product per row desktop/tablet/mobile
5.6 - Design product (2 options)/Show product vendors
6 - COUNTDOWN TIMER
Countdown to the end sale date will be shown. Be sure you have set final date of the product sale price. product.metafields.meta.countdown ( 2017/08/17 )
6.1 - Use countdown timer?
6.2 - Round countdown timer?
6.3 - Countdown Design (5 options)
6.3.1 - Countdown Design 01
6.3.2 - Countdown Design 02
6.3.3 - Countdown Design 03
6.3.4 - Countdown Design 04
6.3.5 - Countdown Design 05
7 - DESIGN IMAGE
7.1 - Use equal height images?
7.2 - Aspect Ratio
Aspect Ratio Custom will settings in General panel.
7.3 - Image size (2 options)
7.4 - Image position(10 options)
The first value is the horizontal position and the second value is the vertical.
8 - SLIDER SETTINGS
8.1 - Use Loop?
At the end of cells, wrap-around to the other end for infinite scrolling.
8.2 - Autoplay Speed in second (0 - 30s)
Set is '0' to disable autoplay.
8.3 - Pause Autoplay On Hover?
Auto-playing will pause when the user hovers over the carousel.
9 - PREV NEXT BUTTON, PAGE DOT SETTINGS
9. 1 - Enable Prev Next Button?/Visible
Creates and enables previous & next buttons.
Visible: Always/Only hover
9.2 - Style (3 options)
9.3 - Color (4 options)
Result:
10 - PAGE DOT
10.1 - Enable Page Dot?
Creates and enables page dots.
10.1 - Style (2 options)
10.2 - Color (3 options)
Result:
[Private offer] EComposer Partner Plan
Exclusively for Gecko 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 Gecko 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 “Gecko+EComposer” to upgrade for free.
Cheers, The4.
Last updated