Help Center
Explore ThemesMade with InspiredThemeAbout UsContact
  • ABOUT INSPIREDTHEME
  • General theme settings
    • Available page types
  • UPDATES
    • Changelog
  • Getting started
    • What is Online Store 2.0 theme?
    • Before you customize your theme
      • Step 1: Duplicate your theme to create a backup copy
      • Step 2: Follow our suggestions for a better design experience
      • Step 3: Understand the level of support we provide
      • Step 4: Learn about the ideal Shopify image sizes
  • GENERAL INFORMATION
    • How to install theme
    • Try themes for free
    • Add products to store
    • Set up collections
    • Customize the theme
    • Navigation menus
  • SECTIONS
    • Sections available in Inspired Themes
      • Featured collection
      • Featured product
      • Collection list
      • Rich text
      • Image with text
      • Image banner
      • Slideshow
      • Collage
      • Multicolumn
      • Email signup
      • Contact form
      • Video
      • Blog posts
      • Custom Liquid
      • Page
      • Collapsible content
      • Video banner
  • HEADER
    • Announcement bar
    • Header
  • PRODUCT PAGES
    • Product information
      • Default product blocks
      • Text
      • Line item property
      • Inventory status
      • Collapsible tab
      • Custom liquid
      • Pop-up
      • Product rating
    • Product information section settings
    • Product recommendations
    • Creating product templates
  • COLLECTION PAGES
    • Collection banner
    • Product grid
    • Creating collection templates
  • PAGES
    • Page Templates
    • Creating page templates
    • Other pages
      • 404
      • Cart
      • Checkout
      • Search
      • Blog Posts
      • Blog
  • FOOTER
    • Footer blocks
    • Footer settings
  • THEME SETTINGS
    • InspiredTheme Settings Intro
      • Colors
      • Typography
      • Styles
      • Layout
      • Animation
      • Social media
      • Search input
      • Favicon
      • Currency format
  • FAQs
    • Customer account
    • Set up local pickup
    • Where do submission of Email signup forms go?
    • View contact form submissions
    • Restrict store access, remove password
    • Integrate apps into the theme
    • How to add or edit content store policies?
    • How to use Canva templates
    • How to create Gift Card Products
    • How to center the heading of sections?
    • How to enable the country/region selector?
  • SUPPORT
    • InspiredTheme Support
Powered by GitBook
On this page

Was this helpful?

  1. COLLECTION PAGES

Product grid

Last updated 1 year ago

Was this helpful?


The Product grid section organizes your Collection's products in a grid. You can adjust the layout of the grid, and change the shape of all your product images.

How to customize the Product grid section:

  1. In the theme editor, click on the Collection that you intend to edit. (e.g. Blankets)

  1. Click on the Product grid section to open the settings.

  1. Use the sliders to set how many Products per page to display. (between 8 and 24)

  1. Product card:

  • The Image ratio setting adjusts the size or shape and helps your images look great.

You can select the Adapt to image option to show all images with their original orientation.

To make your product images a uniform shape and size, select the Image ratio to crop your uploaded images to:

  • You can also enable/disable showing second image on hover (the second product image will display when a product is hovered over), vendors and product rating, and Enable quick add button in this section.

The Quick add button in InsnpiredTheme allows customers to add products to their cart without leaving the page they are on. When Quick add button is enabled, customers can either purchase the product immediately or if the product contains variants, are taken through the process of choosing variants.

  1. Filtering and sorting:

  • Let customers discover products quickly by filtering your products by availability and price. To hide filters, go to your Collection template, click Product grid, and toggle off the Enable filtering option.

  • Your customers can also use the Sort by function to list products by name, price, date, etc. when you enable the sorting option.

  1. Click Save.

Equal width and height
Height greater than width