Collection Template Shopify

Posted onby admin

This example includes product images with product titles, prices, and vendors, as well as a collection title and description for the collection as a whole. There is a limit of 50 products per page, after which pagination will automatically occur. Learn more about the collection template file in the Shopify. Now Create a Page and Use Your New Custom Collection Page Template. Go to pages in the Shopify Admin: Choose Add a Page. Name Your Page with a Title. For expample if your page is a page of Jewelry Collections, you could name your page 'Jewelry'. Once named, you can choose the template dropdown and choose the custom-collection-1 template. Moreover, Shopify is appropriate for single-product stores if you are going to specialize in selling one product. For instance, you can choose from a collection of single product Shopify themes for different businesses. Similarly, Shopify is suitable for larger shops that have a great variety of products.

Here's a page template that I commonly make for stores. I call it List of Collections and it's very useful when building out the main navigation. It's also very easy to make.

When to Use

When I'm creating a navigation for a store, I frequently use fly-out menus like in this example.

On this site, the 'Select Your Vehicle' element has a fly-out with 23 choices. Each one of the choices takes the user to a collection page. But what page does clicking 'Select Your Vehicle' take the user to? If the user would go to a collection page, their would be too many products there for them to sort through. So, this is where I insert the List of Collections page. It looks like this:

Each of the items on this page links to a collection. And this list is the same as the list from the flyout menus.

So, in a navigation where the appropriate collection would have too many products to be useful for the user, I instead bring the user to a List of Collections page where the can choose from the options shown.

How to Make

To make a List of Collections page template, go to 'Edit HTML/CSS' in your CSS. You'll want to 'Add a new template'. Create a new Page called list-collections.

Now, the next part will vary depending on how your theme is using sections. Your theme already has a template named 'list-collections.liquid'. This template is used to render the page You are going to merge the content of that liquid file into your newly created page.list-collections.liquid. You'll want to place the list-collections.liquid code onto the page where you want its content to fall. And this could be a little complex depending on if the Page template is using sections and how its using sections. But when you are done, you'll have a page that looks like the collections page, but you'll also be able to add your own content to through the admin under Online Store / Pages.

The next step is to change one line of code, so that you can control which collections get shown on this page. So find this line in your template:

And replace it with these two lines:

Your new page template is now complete.

Making it Work

Here's to put your new template into action. First, you'll need to create a page that uses the page.list-collections template. And you need to make (or use an existing) linklist that contains the collections that you want to show. Linklists are managed in the Shopify Admin under Online Store / Navigation. You'll need to have each item in your linklist point to a Collection like so:

Now to make this work, your page must have the same handle as the linklist. Once the handles are the same, you'll see the collections specified in the linklist show up on the page.

There you go. You now have a handy new template in your theme that helps in navigating large product catalogs.

Jade Puma is a certified Shopify Expert. If you need any help with your Shopify store, we can help.

Shopify page templates allow retailers to quickly launch new content with a uniform look and feel. This approach is so simple and efficient that it's possible to go from new account creation to a functional, live Shopify store in just 15 minutes.

That's likely one of the reasons why Shopify boasts more than 500,000 active retailers on its hosted platform and has driven more than $40 billion worth of sales worldwide.

In this article, we'll learn about how Shopify page templates are used, how to find yours and how to quickly customize page templates in your Shopify store.

What are Shopify Page Templates?

A Shopify page template is a predesigned, custom set of layout options used to change the way one or more pages appears when the page is displayed online. This includes things like the formatting and layout of the content as it appears on the page. It can also include the font, style and graphics.

In Shopify, every page uses a default layout when you create a new page. This default template is automatically used unless you choose another page template.

Collection Template Shopify

Why You Should Use Them

The primary benefit to page templates is the ease at which content can be published in a uniform way.

In the past, retailers had to hard code every page on a website. To maintain a consistent look and layout, the code would have to be manually replicated from one page to another. That code would then have to be edited to included the content for the new page. If any changes had to be made to layout or design, those pages would have to be individually updated and tested.

Using page templates in Shopify simplifies the process. Content can be assigned a template with a single click. Any changes made to the master page template file will display on all pages currently published using that template.

How to Choose Shopify Page Templates

When creating a page, you'll have the option to choose from a list of predesigned Shopify page templates that will impact how the content is displayed once the page is published and live. The page templates available in Shopify will vary depending on the theme you have installed.

You can view the list of available page templates any time you create a new page in Shopify.

For example, when creating a new page using the default Debut theme in Shopify, there's a limited number of page templates to choose from: the default page template and the template.

Additional Shopify Page Templates

Shopify themes also include prebuilt page templates that aren't selectable when creating a new page. These templates are designed for primary pages in your online store.

While you may not be able to choose these templates when creating a new content page, the individual page templates can be seen within the theme editor.

The theme editor also gives you some basic customization options for your Shopify page templates, as well as the ability to edit the code of the individual template files (more on that below).

Note: In order to use any page templates from a theme, that theme will need to be published as the active theme for your Shopify store.

Get access to 30+ pre-built page templates instantly!
Build custom pages quickly with professionally designed page templates using Shogun Page Builder. Start your free trial here.

How to Get More Shopify Page Templates

If you want more page templates in Shopify, you have a few options available:

  • Create your own alternate template pages from scratch
  • Purchase a theme that includes more page templates
  • Use a page builder app like Shogun with pre-loaded page templates

1. Create Shopify Page Templates from Scratch

Shopify Collection Object

This is arguably the most difficult option — at least for people who aren't familiar with coding or Shopify's Liquid code.

Shopify offers a number of advanced tutorials and support that take you through the process of custom page template creation, adding sections and editing your theme. There's also a great tutorial from Shopify Partner Liam Griffin on how to code custom page templates using Liquid.

2. Access More Page Template Options from Shopify Themes

Each theme available in the Shopify Theme Store will have different features and design options. This includes different page templates.

These extra page templates are in addition to the basic page templates that exist for every Shopify store as seen in the image above. This includes templates for pages including:

  • Home page
  • Password page (for limiting access to stores before launch)
  • Collection pages
  • Collections list
  • Blogs
  • Shopping cart
  • 404 error page
  • Contact page

Out of the Sandbox is a well-known theme developer for Shopify with a number of premium themes available on the Shopify Theme Store. Many of those themes include additional page templates you can use to change the way content is shown.

Here are few examples of page templates offered in their Shopify themes:

The page.multi-column template creates multiple columns in a page using a split function, saving retailers from having to mess with code in order to add content modules in columns.

The page.narrow template reduces the content field of the default page template, creating more whitespace on either side of your content. This makes skimming and reading content easier on the consumer.

The image below from Out of the Sandbox compares the narrow page template with the default page template in Shopify.

There's also an alternate page template, page.wide, that makes the content of the page the full width of the browser window.

One of the more popular page templates is the sidebar.

Shopify, by default, has no real native functionality supporting customizable sidebar content at the time of this writing.

This page template from Out of the Sandbox adds a sidebar to the left-hand side of any page you create. You can either populate that sidebar with navigation links or other content from your site.

We've got a more detailed guide on how to add a sidebar to your Shopify store here if you want to learn more.

3. Get More Shopify Page Templates with Shogun

You don't necessarily have to buy a premium theme to get access to more page templates in Shopify.

While the visual drag-and-drop editor in our Shogun Page Builder makes it easy to design custom Shopify pages in just a few clicks, building pages from scratch can still be a headache sometimes.

That's why we've included dozens of pre-made page templates tested and proven to perform in ecommerce stores.

Check out this quick video tutorial showing how easy it is to choose and customize page templates in Shopify using Shogun:

How to Edit Shopify Page Templates

There are two ways you can edit the page templates loaded into your Shopify theme.

The first is to manually edit the template file in Shopify. You can do this by navigating to Online Store > Themes in your Shopify admin dashboard.

Once here, click on Customize next to your current theme.

When the customization window opens, select the page template you want to modify in the upper dropdown menu. Once chosen, you'll be able to make basic changes to the sections and content coded into that page template.

If you want to make any other changes to the Shopify page template, like alter the layout or add sections not currently available, then you'll need to edit the code for the individual template files.

For more information, check out our detailed visual guide on how to edit Shopify theme files and page templates.

Or, for another option, use a visual editor like Shogun.

Edit Shopify Page Templates Easily with Shogun

If you're not quite happy with the way your page templates look and function in Shopify, Shogun makes it easy to customize them with just a few clicks.

Once Shogun is connected to your Shopify store, you can import all your pages and template files. From there, you can use the visual editor to adjust the placement of content, add any element and sections you like and republish the content on your Shopify store.

All without editing code.

Are Special Page Templates Really that Important?

You don't necessarily need a different page template for every page in your Shopify store. But custom page templates do come with a number of benefits.

We've already mentioned how page templates make it easy to change your layout across multiple page using the same template.

In addition, prebuilt Shopify page templates:

  • Make deployment of custom landing pages faster for marketing campaigns
  • Allow you to present content in the best light for specific types of pages
  • Focus the visitors attention based on how they found your store
  • Increase the chances for a conversion from a new visitor

Shop Shopify Themes

You read that right; your custom page templates can have an impact on whether or not a customer makes a purchase from your store.

In fact, we recently shared a study from Marketing Charts that compared conversion data between custom landing pages and standard product pages. The results showed a significant gap in performance.

From the image above, we can see:

  • There are more pages viewed per session when landing on a custom page template
  • High conversion rates for custom landing pages
  • Double the revenue per sessions with custom page templates

Kickstart Ecommerce Growth with Shopify Page Templates

Not only do page templates make it easier to load new content and edit existing content, the templates you use in Shopify can also improve revenue by streamlining the customer's shopping experience. You can get more templates with the purchase of a premium theme or through using the Shogun Page Builder app for Shopify.

Whether you're promoting individual products or categories, or you need a custom template page for your marketing campaigns, use the information above to help you take control of how content is displayed in your Shopify store.

Run a fast-growing Shopify store? Join 18,000 iconic brands who drag and drop together high-converting pages with Shogun Page Builder.

Custom Shopify Templates