Pre-release documentation 0.1.0 development Orveta by Jayne
OrvetaHELP CENTER · BY JAYNE

Section tutorials

Collection product page

Display the products within one collection, including sorting, native filters and pagination.

Where to find it

Open Collections in the template selector and select Collection page. Preview a real collection, such as the All products collection.

Set it up

  1. Create the collection and its product membership in Shopify. Choose the intended collection in the theme editor preview.
  2. Set title/description overrides only where you want them to differ from collection content.
  3. Choose Products per page and Products per row (mobile), then adjust horizontal and vertical spacing.
  4. Choose desktop Sidebar or Drawer filters and enable the filter, sorting and count options you need.
  5. Configure available storefront filters through Shopify's Search & Discovery/filter settings and ensure products contain corresponding values.
  6. Preview filtering, sorting, clearing filters, no-result states and pagination with real products.

Main settings to review

SettingChoices or control
Products per page12–48; step 4
Products per row (mobile)1 · 2
Desktop layoutSidebar · Drawer
Show filtersOn / Off
Show sort byOn / Off
Color filter displayColor swatches · Checkboxes

Content and media

  • Product cards use product media and shared Product cards settings. This page is different from a homepage Collection list of category cards.

Check the mobile layout

  • Check opening and closing filters, scrolling the options, applying selections and reaching products after filtering. With a keyboard, use Tab and Shift+Tab inside the open drawer; Escape should close it and return to its opener. Keep the page size manageable.

Common questions and fixes

  • A desired filter is absent: configure the filter in Shopify and supply values on eligible products.
  • Products disappear: review collection membership, publication, active filters and pagination.
  • You wanted a list of categories: use Collections page or the addable Collection list.

Full control reference

Names, choices, ranges and defaults below are read from this version of the theme. Defaults are starting examples, not promises about your business. Some controls appear only for the matching layout. Block contents and preset starting values can differ from the base defaults.

All section controls (17)
SettingControl or choicesDefault and guidance
Collection title overrideTextDefault: Not set. Leave blank to show the collection title.
Collection descriptionMultiline textDefault: Not set. Shows below the collection title. Leave blank to use the description from Products → Collections.
Title sizeH1 · H2 · H3Default: H1.
Collection noteTextDefault: Not set.
Hide product informationOn / OffDefault: Off. Create an image-first product grid. Product information is always shown when compact mode is selected.
Product list / Products per page12–48; step 4Default: 24.
Product list / Products per row (mobile)1 · 2Default: 2.
Product list spacing / Horizontal spacing factor1–3; step 1Default: 1.
Product list spacing / Vertical spacing factor1–3; step 1Default: 1.
Filters and sorting / Desktop layoutSidebar · DrawerDefault: Sidebar.
Sidebar filters / Sidebar width220–320 px; step 5Default: 260.
Sidebar filters / Color filter displayColor swatches · CheckboxesDefault: Color swatches.
Sidebar filters / Show sort byOn / OffDefault: On.
Sidebar filters / Show filtersOn / OffDefault: On.
Sidebar filters / Show product results countOn / OffDefault: On.
Sidebar filters / Show filter values countOn / OffDefault: On.
Sidebar filters / Open filters by defaultOn / OffDefault: On.

Need help with a setting?

Check the troubleshooting guide or prepare a support request.

Contact support