Can you help me figure out how to allow more items per page so that all the item display on one page instead of having to go to the 2nd page. Simple theme
www.aimhighshop.com
Topic summary
A user wants to display only 2 items per row in a specific collection page, instead of the default 3 items per row, on their Leather and More in Hickory website using the Trademark theme.
Two solutions were provided:
-
GemPages support team suggested adding custom code to the theme.liquid file before the
</body>tag. The code uses conditional logic to target the specific collection by its handle (‘chateau-dax’) and applies CSS to adjust the grid layout to 2 columns. -
oscprofessional offered a simpler CSS-only solution: adding a CSS rule to the theme.scss.liquid file that sets the grid cell width to 50%, effectively creating 2 items per row.
Both solutions involve editing theme code files in the Shopify admin (Online Store → Theme → Edit code).
Related question: Another user asked about increasing items per page to avoid pagination, but this remains unanswered.