A View All Products button gives shoppers a quick route from a homepage section, featured collection, or custom block to a full collection page. In most Shopify themes in 2026, the easiest way to add one is with the theme editor, while older themes like Minimal or Brooklyn may still need a small Liquid edit.
I've worked on Shopify themes and apps for years, and this is one of those tiny UX tweaks that often makes a bigger difference than merchants expect. When customers can jump straight to a full collection instead of being limited to 4, 8, or 12 products on the homepage, you usually get better product discovery, more collection views, and fewer dead ends in the browsing journey.
If your theme already shows a built-in "View all" link, you may only need to change the text or point it to a different collection. If it does not, I'll show you the no-code method, the code method, and the main troubleshooting steps so you can get it working cleanly.
What is a 'View All Products' button in Shopify?
A View All Products button is a link or button that sends shoppers to a collection page showing more products than a homepage section can display. Most stores use it below a Featured Collection, a product grid, or a promotional section.
On Shopify, this button usually links to either /collections/all or a custom automated collection such as /collections/all-products. In practice, I usually recommend linking to a dedicated collection rather than relying blindly on /collections/all, because it gives you more control over sorting, inventory rules, and SEO.
Why should you add a View All Products button?
You should add one because it improves navigation and helps shoppers discover more products with less effort. It is a simple conversion optimisation win for stores that feature only a subset of products on the homepage or landing pages.
In my experience building Shopify apps and auditing stores, merchants often spend ages tweaking product cards, badges, and sliders, but forget the obvious next step. If a visitor lands on a homepage collection and likes what they see, a visible Shop all or View all products button gives them a clear path forward.
- Improved navigation - shoppers can reach the full collection in one click
- More product exposure - products hidden beyond the homepage limit become accessible
- Better mobile usability - users do not need to hunt through menus
- Stronger merchandising - you can guide traffic to a curated collection
- Higher engagement - collection pages often lead to more product page views per session
If you are already working on collection merchandising, it also pairs nicely with related UX improvements like adding featured products on Shopify or showing recommended products on Shopify.
What is the easiest way to add a View All Products button in Shopify in 2026?
The easiest method in 2026 is to use the Shopify theme editor and add a section or block with a button linking to your chosen collection. This is the best option for most Online Store 2.0 themes because it is fast, safe, and easy to reverse.
If you are using a modern theme such as Dawn or a recent premium OS 2.0 theme, start here before touching code. I almost always recommend this route first because it avoids theme file edits and keeps future updates simpler.
How do I add the button with no code?
You can add the button without code by creating or selecting a section that supports text and buttons, then linking that button to your all-products collection. This takes only a few minutes in most themes.
- Go to Online Store > Themes > Customize.
- Open the template where you want the button to appear, usually the homepage.
- Click Add section and choose a section such as Rich text, Custom content, or any section with a button block.
- Add your button text, for example View All Products, Shop All, or Browse Collection.
- Set the button link to /collections/all or your custom collection URL such as /collections/all-products.
- Adjust alignment, spacing, and width so it sits neatly below the product grid.
- Save and test on desktop and mobile.
If your section does not support a native button field, some themes allow a Custom Liquid block. In that case, you can add a simple anchor tag and apply the theme's button classes.
<a href="/collections/all-products" class="button">View All Products</a>This method is usually best for beginners because it keeps everything inside the visual editor. It is also the safest option if you are using a paid theme that receives regular updates.
Do I need to create an 'All Products' collection first?
No, not always, but in many cases creating your own all-products collection is the better approach. It gives you more control than linking straight to /collections/all.
Shopify stores often already have the default all collection available, but I prefer a custom automated collection when I want tighter control over what appears. For example, you may want to show only in-stock products, exclude hidden items, or use a cleaner handle like /collections/shop-all.
How do I create an automated all-products collection?
You can create one in Shopify admin by making an automated collection that includes all in-stock products. This is a good option if you want a cleaner, more intentional target for your button.
- Go to Products > Collections.
- Click Create collection.
- Name it All Products or Shop All.
- Choose Automated collection type if available in your setup.
- Set conditions such as Inventory stock is greater than 0.
- Save the collection.
- Use the generated URL, for example /collections/all-products, in your button link.
This is also helpful if you want to optimise your collection page title, intro text, and sorting. If you are updating collection layouts more broadly, you may also want to read how to add products to specific pages on Shopify.
How do I add a View All Products button with code?
You add it with code by editing the relevant section file and inserting a button link where the product grid ends. This method is still useful for older Shopify themes or stores that need the button to appear only under specific conditions.
Before changing anything, duplicate your theme. I still do this every time, even for tiny edits, because it only takes a minute and can save a lot of stress later.
Step 1: Back up your theme
Always create a duplicate before editing code. This gives you a quick rollback if something breaks or the layout shifts unexpectedly.
- Go to Online Store > Themes.
- Find your live theme.
- Click the three dots menu.
- Select Duplicate.
Shopify's theme architecture is much cleaner than it used to be, but merchants still paste code into the wrong file all the time. A backup is the cheapest insurance you can get.
Step 2: Open the correct section file
You need to edit the file that renders the collection or homepage product section. The exact filename depends on your theme.
Common files include:
- sections/featured-collection.liquid
- sections/featured-products.liquid
- sections/main-collection-product-grid.liquid
- sections/collection-list.liquid
Go to Online Store > Themes > Edit code, then search for the section used on the page where you want the button to appear. In newer themes, the section may be JSON-templated with blocks, so search for the visible heading text or existing button markup if needed.
Step 3: Insert the button markup
Place the button below the product grid or at the bottom of the section wrapper. In most themes, this means inserting the code just before the closing container div.
{% if section.settings.show_view_all_button %}
<div class="text-center">
<a href="/collections/all-products" class="button">View All Products</a>
</div>
{% endif %}If your theme uses btn instead of button, swap the class accordingly. The right class depends on your theme's existing CSS, so check how other buttons are built before saving.
Step 4: Add a schema setting so you can toggle it in the editor
Add a checkbox setting to the section schema so the button can be turned on or off from the customiser. This is much better than hard-coding it permanently.
Near the bottom of the section file, find the {% schema %} block and add a setting like this inside the settings array:
{
"type": "checkbox",
"id": "show_view_all_button",
"label": "Display the View All button",
"default": true
}You can also add a text field and URL field for more flexibility:
{
"type": "text",
"id": "view_all_label",
"label": "Button label",
"default": "View All Products"
},
{
"type": "url",
"id": "view_all_link",
"label": "Button link"
}Then update the markup to use those settings:
{% if section.settings.show_view_all_button and section.settings.view_all_link != blank %}
<div class="text-center">
<a href="{{ section.settings.view_all_link }}" class="button">
{{ section.settings.view_all_label | escape }}
</a>
</div>
{% endif %}This is the version I prefer because it is more reusable, editor-friendly, and less likely to cause headaches later.
Step 5: Save and enable it in the theme editor
After saving the file, go back to Customize and open that section. You should now see the new checkbox and, if added, the text and link settings.
- Tick Display the View All button.
- Set the label to View All Products, Shop All, or your preferred CTA.
- Paste the collection URL.
- Save and preview.
If you want to make the CTA more visually prominent, you can also test button animations or stronger contrast styling. For related UX tweaks, see how to make the Add to Cart button shake on Shopify for free.
Which method is best for your Shopify theme?
The best method depends on whether your theme is a modern OS 2.0 theme or an older legacy theme. For most stores in 2026, the no-code editor method is the best place to start.
| Theme type | Best method | Why | Difficulty |
|---|---|---|---|
| Modern OS 2.0 theme | Theme editor button block or rich text section | Fast, update-friendly, no file edits | Easy |
| Dawn or similar free themes | Theme editor first, Custom Liquid second | Most layouts already support buttons | Easy to medium |
| Minimal, Brooklyn, older themes | Liquid code edit in section file | Legacy themes often lack flexible blocks | Medium |
| Custom theme | Schema-based Liquid setting | Best for control and reusable sections | Medium to advanced |
For example, older guidance often tells you to edit featured-products.liquid in Brooklyn or similar files in Minimal. That still works, but it is not the first route I would take on a current theme unless there is no editor-based option.
How do I change the text from 'View all' to 'Shop all' or something else?
You can change the text either in the theme editor, in the section schema default, or directly in the Liquid markup. The best label depends on the context and your store's tone.
In testing, I have seen stores use Shop All, Browse Collection, See Full Range, and Explore All Products. There is no universal winner, but shorter labels often work better on mobile.
- View All Products - clear and descriptive
- Shop All - shorter and more action-oriented
- Browse Collection - useful for category-led stores
- See More - usually too vague unless context is obvious
If your store relies heavily on curated visual merchandising, a related pattern is adding a Shop the Look section to Shopify, which can work well alongside a broader shop-all CTA.
What are the most common problems when adding a View All button?
The most common issues are linking to the wrong collection, using the wrong button class, or editing the wrong section file. Most problems are easy to fix once you know where to look.
Why is the button not showing?
If the button is not showing, the setting may be disabled, the code may be in the wrong file, or the section may not be used on that template. Check the customiser first, then confirm the section file is actually rendered on the page.
- Make sure the checkbox setting is enabled
- Confirm you edited the active theme, not a draft
- Check that the section is present on the homepage or template you are previewing
- Look for a Liquid syntax error in the code editor
Why does the button look unstyled?
If it looks plain, you are probably using the wrong CSS class. Inspect an existing theme button and reuse that class, such as button, btn, or a theme-specific variant.
In older themes, you may also need a small CSS rule in your stylesheet. For example, add spacing above the button or centre it within the section.
Why does it link to the wrong page?
If the link goes to the wrong page, double-check the collection handle. Shopify URLs are exact, so /collections/all-products and /collections/all product are not the same.
I also recommend avoiding temporary links copied from preview environments. Always use the final live path from the collection page in admin.
Should you use /collections/all or a custom collection URL?
A custom collection URL is usually the better long-term option. It gives you more control over inventory, merchandising, and branding.
| Option | Best for | Pros | Cons |
|---|---|---|---|
| /collections/all | Quick setup | Fast, no collection setup needed | Less control over rules and presentation |
| Custom automated collection | Most stores | Better control, cleaner merchandising, can exclude products | Takes a few extra minutes to create |
For SEO and UX, I generally prefer a custom collection with a meaningful title like Shop All or All Products. That way, the destination page feels intentional rather than like a default catch-all.
What are my best-practice tips for 2026?
The best approach in 2026 is to keep the implementation simple, mobile-friendly, and editable in the theme customiser where possible. A button that works cleanly across devices is better than a clever implementation that is hard to maintain.
- Start with the theme editor first - it is the safest route for OS 2.0 themes.
- Use a dedicated collection URL - especially if you want only in-stock products.
- Keep the CTA short - mobile buttons benefit from concise labels.
- Test on mobile - many buttons look fine on desktop and awkward on smaller screens.
- Match existing button styles - consistency improves trust and visual polish.
- Do not overcomplicate the logic - a simple static button often performs perfectly well.
- Track clicks if possible - use analytics or event tracking to measure engagement.
When I test theme changes, I also look at how the CTA sits alongside other homepage elements like trust badges, product sliders, and upsell widgets. If your product discovery flow needs work more broadly, articles like how to create a Complete the Look section in Shopify can help you build a more connected browsing path.
Can an app help with this?
For this specific task, you usually do not need an app. A theme setting or a tiny code edit is enough in most cases.
That said, apps can help if your wider goal is to improve product discovery, collection engagement, or conversion after the click. For example, review apps can make collection pages more persuasive, and upsell apps can increase value once shoppers start browsing more products.
I build Shopify apps myself, so I am usually the first person to say when an app is useful. In this case, though, it is not worth installing an app just to add one button. Keep it light unless you need broader functionality.
If you do want to strengthen the pages people land on after clicking the button, consider tools like Lumo Reviews for social proof or SellUp for post-click upsell flows. For stores that need extra product-page guidance, NoteDesk can help surface useful buying information.
FAQ: How do I add the View All button on Shopify?
You add the View All button on Shopify by either using the theme editor to place a button block linked to a collection, or by editing the relevant Liquid section file and inserting button markup manually. The no-code editor method is the best option for most themes in 2026.
How do I show all products on Shopify?
You can show all products by linking to /collections/all or creating an automated collection that includes all in-stock products. Then use that collection URL in your navigation, homepage buttons, or featured sections.
Where should I place the button?
The best place is usually below a featured collection on the homepage or under a limited product grid on a landing page. That is where shoppers most often need a next step.
Can I add the button to a product page?
Yes. You can add a button to a product page using a block, a custom liquid section, or theme code. This works well if you want to send shoppers back to a broader collection after viewing one item.
Will this affect SEO?
Indirectly, it can help by improving internal linking and product discovery. It is not a major SEO tactic on its own, but it can improve crawl paths and user engagement on collection pages.
Final thoughts
A View All Products button is a small change, but it solves a real navigation problem for shoppers. If your homepage only shows a limited slice of a collection, giving people a clear path to the full range is simply good store design.
My advice is straightforward: use the theme editor first, create a dedicated all-products collection if you want more control, and only edit code if your theme genuinely needs it. That gets you the cleanest setup with the least maintenance.
If you are comfortable with Liquid, the schema-based version is the most flexible because it lets you toggle the button, change the label, and update the link without reopening the code editor. If not, the no-code method is more than enough for most stores and should take less than 10 minutes to implement.
For more Shopify customisation guides, you can also check Shopify's official theme documentation at Shopify.dev and the Shopify Help Centre for theme customisation basics.
