Sections & Templates
Explore custom templates and layout grids for services, packages, and pages.
Article Main Content
The Article Main Content section displays the detailed view of individual blog posts (/blogs/.../article). ️Customization Settings Featured Image Banner: * Toggle the display of the article’s featured image as a large top banner. Share Buttons: * Displays quick-share buttons (e.g. Facebook, Pinterest, Twitter) below the content. Author Card: * Displays the author name, avatar, and […]
Cart You May Also Like Section
The Cart You May Also Like section is an upsell module that displays product suggestions on the Cart page to encourage additional purchases. ️Customization Settings Recommendation Logic: * Pulls products from a selected collection (e.g., accessories) or dynamically suggests products using Shopify’s recommendation engine. Layout Grid: * Displays product cards in a horizontal carousel layout […]
Blog Posts Grid
The Blog Posts Grid section displays recent articles from your blog in a grid layout. ️Layout Settings Select Blog: * Link the section to a specific blog folder (e.g. News or Tutorials). Grid Columns: * Displays posts in a 2, 3, or 4-column grid. Spotlight Header: * Toggle an option to display the most recent […]
Cart Main Section
The Cart Main section displays the shopping cart page (/cart) for customers. ️Layout Settings Cart Table details: * Displays product titles, selected variant details, unit pricing, quantity modifiers, and subtotal amounts. Order Notes Toggle: * Displays a text box allowing customers to enter special delivery instructions. Checkout Actions: * Displays checkout buttons and dynamic payment […]
List Collections Page
The List Collections template (list-collections.json) is a directory page that displays all of the collections in your store. ️Layout Settings Collections Sort Order: * Choose how collections are sorted: alphabetically, by product count, or in a custom order. Layout Grid: * Displays collections in a 3, 4, or 5-column grid. Hide Specific Collections: * You […]
Showcase Collection Template
The Showcase Collection template (collection.showcase.json) is designed to create a landing page experience for high-value collections. ️Layout Sections Unlike standard collection templates, the Showcase Collection template integrates multiple sections into a single page: Showcase Hero: A widescreen banner detailing the collection’s theme. Featured Showcase Grid: A spotlight row showcasing the top 3 best-selling items in […]
Catalog Sidebar
The Catalog Sidebar layout (collection.sidebar.json) displays a vertical filter sidebar next to your product catalog grid. ️Filter Settings Enable Filtering: * Toggle collection filters on or off. Filters are populated automatically based on product attributes and tags (e.g. price range, brand, color swatches, sizes). Filter Layout: * Displays filters in a Left Sidebar layout on […]
Product Immersive Template
The Product Immersive template (product.immersive.json) is an alternative product page layout designed to highlight high-end lifestyle products with large media galleries. ️Layout Settings Large Media Gallery: * Displays high-resolution imagery and product videos in a wide layout. Sticky Details Sidebar: * The product details and purchase buttons remain sticky on the side while the customer […]
Catalog Main Grid
The Catalog Main Grid is the core section of your Collection page template. It displays your product catalog with built-in sorting, filtering, and page links. ️Layout Settings Products per Page: * Select the number of products displayed per page (e.g. 12, 24, 36, or 48 items). Grid Columns: * Displays products in a 3 or […]
Product Related Section
The Product Related section automatically displays product recommendations at the bottom of the product page based on Shopify’s recommendation algorithm. ️Layout Settings Recommendations Source: * Shopify dynamically recommends products based on shared collections, product tags, or purchase history. Products Count: * Select how many related products are displayed (from 3 to 8). Columns Count: * […]