Shella Shopify Theme
  • User Manual
  • Shopify help
  • Get Started
    • How to create a new Template
    • How to add and edit a Page
    • How to build Metaobjects
    • How to find a handle
    • Filters logic
    • Pre-Order
  • Product variants
  • Header
    • Theme Blocks
  • Footer
    • Theme Blocks
  • Metafields
    • How to create custom filters
  • Theme Sections
    • Builder
      • Promo box (Banner)
      • Slick Slider
      • Revolution Slider
      • Instagram
      • Product column
      • Custom HTML
      • Space for vertical menu
    • Spacer
    • Article carousel
    • Brand carousel
    • Product carousel
    • Review carousel
    • Contact form
    • FAQs
    • Gallery
    • Information line
    • Search form
    • Subscription form
    • Brands
    • Collections
    • Lookbook
    • One product
    • Collection page heading
      • Theme Blocks
    • Collection banner builder
      • Theme Blocks
    • Ticker
  • Products
    • Product page
      • Theme blocks
    • Related product carousel
    • Usage information sidebar
  • Collections
    • Product grid
      • Current filters
      • Collections
      • Filters
      • Filter settings
      • Tags
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
  • Collections list
  • Page categories
    • Policy page
    • Lookbook
      • Page
    • Gallery
      • Page
    • FAQs
      • Page
    • Contact
      • Page
    • Brands
      • Page
    • Password
      • Social media
    • Search
      • Current filters
      • Filters
      • Filter settings
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
    • Quick view
  • Blogs
    • Theme Blocks
  • Blog posts
    • Theme Blocks
  • Theme settings
    • Quick Start
    • License
    • Logo and Favicon
    • Layout
    • Colors
    • Typography
    • Collection and Search page
    • Product -> General
    • Product -> Variants
    • Product -> Collection Page
    • Product Page and Quick View
    • Search
    • Currency
    • Cart
    • Wishlist and Compare
    • Payments
    • Social Media
    • News Subscription
    • Blog and Article Pages
    • Account
    • Reviews
    • Services
    • Apps and Language
    • Button, Input and Promo Box
    • Notifications
    • Pre-loader
    • Animations
    • Developer
    • Custom CSS
  • Theme features
  • Back to Help Center
Powered by GitBook
On this page
  • List collections
  • Animation
  • Collection

Was this helpful?

Collections list

In this section, you can configure collections that should be displayed on the collections list page and their appearance.

PreviousPromo box (Banner)NextPage categories

Last updated 1 year ago

Was this helpful?

Collections list -> List collections

IMPORTANT! In order to make your Product page more attractive to buyers, add various sections by pressing “Add section”. The theme includes different content sections for a Product page, such as , , ,, , , , , , , , , , , , . How to configure each of them you can read .

List collections

Select collections to show

All – show all collections

Selected – once you enable this option, you can decide which collections should be displayed on your collections list page by pressing “Add Collection”.

Sort collections by

Here you can choose the sorting order of Collections by Date, Product count, Alphabetically or Manually.

Manually (By the order of the selected blocks) – choose this option, if you want to change the order of the collections. Works only for the option “Selected” in the “Select collections to show”.

Show products count

In this section, you can choose how many items should be shown in the row by selecting the proper option from the dropdown list in the “Size of the columns”.The option “Size of the columns on mobile” allows you to set the number of items in the row on mobile: “1 item in the row” or “2 items in the row”. In the “Type”, you can choose whether any text should be displayed together with the images. The position of the text can also be chosen in the “Type” from the dropdown list. The style of the text content can be changed in “Colorize style”, where you can choose one of eight possible styles for this purpose. If you enable the option “Enable masonry” the collection list will not have fixed height rows:

In the dropdown list of the “ Image height”, you can choose the width of the image. On the “Image size” scale from 200 to 2000px you can choose the size of the image. If you work only with the PJPG image format and the transparent images with the formats GIF or PNG shouldn’t be allowed in your store, enable the option “Enable format “PJPG”.

VIEW DEMO

Animation

You can decide whether the image should have an animation when being hovered over with the mouse cursor by choosing the proper option from “Move image on hover to”. The positioning of the image can also be set in the “Static image position”. Just choose one of the available options from the dropdown list. In the same way, you can decide whether or when the image in the collection list should have an opacity. In the dropdown list “Image opacity” the options static, hover, static, and hover or none can be chosen for this purpose.

Collection

This section allows you to change the content of the collection on the collection list page. Once you press “Add Collection”, a new block will be added. In the “For collection” you need to select the proper collection. In the ”Image”, you can add a unique image for a particular collection in the collection list. There are also two “Text lines” which can be filled in with the content you need. If you want to have a button just write a text in the “Button text”.

This is how the unique content of the collection may look on the collections list page:

List Collections V1
List Collections V2
Builder
Article carousel
Brand Carousel
Product Carousel
Review Carousel
Contact Form
FAQs
Gallery
Information line
Search Form
Subscription form
Collections
Lookbook
One product
Slider Revolution
Spacer
here