📘
Starlite documentation
  • Overview
    • 💡Support and documentation
    • ✨Announcement bar
    • ✨Header
    • ✨Slideshow
    • ✨Rich text
    • ✨Featured collection
    • ✨Collections list
    • ✨Contact form
    • ✨Marquee text
    • ✨Collection carousel
    • ✨Image with text (carousel)
    • ✨Collection tabs
    • ✨Collapsible content
    • ✨Images grid
    • ✨Media grid
    • ✨Multiboxes
    • ✨Accordion boxes
    • ✨Logo list
    • ✨Promotional banner
    • ✨Video banner
    • ✨Featured blogs
    • ✨Countdown
    • ✨Map(store locator)
    • ✨Multicolumns
    • ✨Products collage
    • ✨Shop the look
    • ✨Media tabs
    • ✨Testimonials
    • ✨Featured products
    • ✨Featured product
    • ✨Custom liquid
    • ✨Recently viewed products
    • ✨Product menus
    • ✨Images banner
    • ✨Before/After
    • ✨Products with image
    • ✨Featured images
    • ✨Offer card
    • ✨Product short videos
    • ✨Stories
    • ✨Shapes
    • ✨Split banner
    • ✨Blinking icons with text
    • ✨Numbers
    • ✨Featured content
    • ✨Timeline
    • ✨Categories
    • ✨Newsletter
    • ✨Footer
    • ✨Theme settings
    • ✨Age verification popup
    • ✨Information drawer
    • ✨Product comparison
    • ✨Newsletter popup
    • ✨Template product
    • ✨Template default collection
    • ✨Template- Blog
    • ✨Template - Default blog post
    • ✨Template- Cart
    • ✨Recommended sizes for images
  • FAQ
    • Theme updates
    • Support
  • How to setup the presets
    • Set up the demo layouts
  • Echo home page JSON
  • Echo product page JSON
  • Classic home page JSON
  • Classic product page JSON
  • Elegant home page JSON
  • Elegant product page JSON
  • Bright home page JSON
  • Bright product page JSON
  • How to set up the size guide on the product page
Powered by GitBook
On this page
  1. Overview

Template default collection

This page will list all the products in your collection list.

Configure main collection

Select the customize theme option. At the top of the page click on the dropdown menu to select the Collection > Default collection template.

  1. From the left side menu, select Main collection.

Customize this section by using the setting on the right side of the theme editor, as described below;

Main collection

Enable banner image

Select/deselect the checkbox to enable Banner content.

Note: It will default show the collection featured image as a banner. The collection will show the custom banner image if it does not have featured images. Custom banner image Select a custom banner image from your library.

Note: 1920 x 200px recommended. Desktop height

Select the height for the desktop view from the given options: -Auto

-Small

-Medium

-Large

Mobile height

Select the height for the mobile view from the given options: -Auto -Small

-Medium

-Large

COLLECTION

Show collection title Select this checkbox to enable the collection title on the page. Enable collection title overlay Select this checkbox to enable the collection title overlay on the page. Show collection description Select this checkbox to enable the collection description. Products per page Adjust the slider to add products per page. You can add products from 8 to 28. Enable infinite scroll Select/deselect this checkbox to enable/disable the infinite scrolling of the products. Infinite scroll type Select from the options: - On scroll - On button click Grid image ratio

Select the image ratio from the given options;

  1. Auto

  2. Landscape

  3. Portrait

  4. Square

Grid image fit Select the image fit from the following options: - Cover - Contain

FILTER & SORTING

Enable filtering Select the checkbox to enable Filter. Enable sorting

Select the checkbox to enable Sorting.

COLORS

Color scheme

Select the color scheme from the given options;

-Primary -Secondary

-Tertiary

-Quaternary

Note: These can be managed from Theme settings> color schemes. Banner background

Select any color for Banner Background.

Banner overlay background Select any color for the banner overlay background.

Heading

Select any color for Heading. Note: Only applicable for overlay heading.

Banner overlay opacity

Adjust the slider to select the banner overlay opacity. Bottom bar mobile Background Select any color for the filter bar background on mobile devices. Text Select any color for the filter bar text on mobile devices.

SECTION SPACING

Top spacing (desktop)

Adjust the slider to add spacing at the top of the section for desktop view.

Bottom spacing (desktop)

Adjust the slider to add spacing at the bottom of the section for desktop view.

Top spacing (mobile)

Adjust the slider to add spacing at the top of the section for mobile view.

Bottom spacing (mobile)

Adjust the slider to add spacing at the bottom of the section for mobile view.

PreviousTemplate productNextTemplate- Blog

Last updated 1 year ago

✨