How to change default products listing view in Shopify

How to change default products listing view in Shopify

  1. Go to the Online Store -> Themes -> Edit HTML/CSS.
  2. Open the collection.liquid under the Snippets tab.
  3. Locate the toggle_grid and/or toggle_list class names.
  4. Change these items around. Then assign an active class to the toggle_list id.
  5. Open the jquery.collection-sort.js file under the Assets tab.
  6. Press CTRL+F hotkeys to search for the default text.
  7. Change grid to list and save this file.
  8. Reload your site to see the changes.
  9. Note that you must clean your browser Cookies and Cache.

Now you know how to change a Grid to a List view on product listing pages.

Was this article helpful?

Related Articles

Leave A Comment?