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

Header background

Gecko - Collections list manual

Maria Do

Written by Maria Do

Last updated

259 views

On this page


This section allows you to display collections list with many designs and layouts with awesome effects that will increase user experience (UX) for your store.

From Theme Section Sidebar -> Add section Collection list manual

spaces_tdDF4h55NE3bVEDpck0F_uploads_7tZWBMipBvcfvB0TvP2J_manual_1.webp

1. Collection List Manual settings

HEADING OPTIONS

  • Heading design: There are a total of 14 heading designs.

  • Heading align: Align the title to the left, center.

  • Heading: Enter the content of the heading.

  • Enter an icon name on the heading: Go to LineAwesome to get the icon that you want to show on the design 6.

  • Subheading: Enter the content of the subheading.

  • Space bottom (px): This allows you to change the space between the heading and content.

Please follow this video below for details:

GENERAL OPTIONS

  • Collection item design: There are a total of 13 heading designs.

  • It helps you configure the title of a collection item with options for Title color, Title hover color, Subtitle color, Count color, and Border color.

  • Collection subtitle: Enter the content of the sub-title.

  • Open link in This option allows you to set the link to open in the current window or a new window when a customer clicks on the button.

spaces_tdDF4h55NE3bVEDpck0F_uploads_QtNjLLmwxDmpn06uZ3LG_manual_3.webp

OPTIONS IMAGE COLLECTION

It helps you configure the image collections with options for Space bottom(both on desktop & mobile), Image padding, Image rounded, Image hover effect, Collection hover effect and Image position.

manual_4.png

COLLECTION BOX LAYOUT

  • Select layout for group collection: There are a total of 7 designs.

Note: The height and width of the section will depend on the design you choose here. You can not change them yourself.

2. Collection List Manual item

  • Collection: Select a collection that you want to show on the collection item. You can set it blank (It's not required.)

  • Collection image: It allows you to upload an image for the collection item.

  • Collection label: Enter the content of the label.

  • Link (optional): Input the link for the collection item. If you input the link here, it'll overwrite the link that you add in the Collection option from the Collection List Manual item.

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