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
  • Sidebar
  • Sidebar visibility
  • Sidebar position on desktop
  • Enable sticky sidebar
  • Other
  • Show filter result on the fly without page reloading (AJAX)

Was this helpful?

  1. Theme settings

Collection and Search page

This section includes settings to configure some elements on the Collection page and Search results page.

PreviousTypographyNextProduct -> General

Last updated 1 year ago

Was this helpful?

Theme settings -> Collection Page

Video Manual

Sidebar

Sidebar visibility

Here you can change the visibility of the sidebar. There are 3 options available for configurations:

  1. Desktop and mobile

    If you choose this option, the sidebar will be shown both on the desktop and mobile versions of a page.

  2. Only desktop

    If you choose this option, the sidebar will be shown only on the desktop version of the page.

  3. Hide

    If you choose this option, the sidebar will be hidden both in the desktop and mobile versions of the page, and the sidebar position will be irrelevant:

Sidebar position on desktop

Here you can change the sidebar position to the left or right side of the page, or choose a dropdown. If you select the “Popup & 'Filter' button” option, the button with a slide-out filters popup will be shown.

Let's see some examples of how it might look:

Please note, that no matter what type of sidebar visibility you choose: right, left, or a dropdown, filters will be displayed in the slide-out popup on mobile by default!

Enable sticky sidebar

This option enables you to fix a sidebar while scrolling down the page.

Other

Show filter result on the fly without page reloading (AJAX)

Deactivate this option if you need to disable AJAX product loading. It may be reasonable for apps that reject AJAX product loading.

IMPORTANT! Works only with “Classic” or “Centered classic” pagination!

Disable the option if you want to use “Button 'Load More'” or “Infinite scroll”.

Please note, if you enable the option “Top & vertical filters”, additional blocks such as , , , and will be hidden in the desktop mode and available only in mobile mode.

How to configure the Pagination type, you can read .

Products
Custom HTML
Subscription
Promo box (Banner)
here
How to configure a Sidebar