6-step Tutorial on How to Add Wholesale To Shopify Store Without Shopify Plus
Are you looking for how to add a wholesale area to your Shopify store without the app? This article is for you.
One way to encourage wholesale purchases on your Shopify store is to add a wholesale area to your store where wholesalers enjoy access to exclusive products, collections, and pages. This wholesale area can only be accessed by customers you have approved as wholesalers. To do this, simply use Shopify's existing customer accounts features, tag your approved customer accounts, and you are all set to go.
Adding a wholesale to Shopify store is easy, and it doesn't require an expensive app. Just copy and paste a bit of code, and you're all set!
This step-by-step tutorial is a guide to add a wholesale area to your Shopify store without the app using code:
Add Wholesale Area To Your Shopify Store
Here are 6 steps to add a wholesale area to your Shopify store using code:
Step 1: Edit theme.liquid
In your Shopify theme editor, open theme.liquid. Find the code that looks like this:
{{ content_for_layout }}
and replace it with this:
{% if template contains 'wholesale' %}
{% if customer %}
{% if customer.tags contains 'wholesale' %}
{{ content_for_layout }}
{% else %}
{% include 'wholesale-note' %}
{% endif %}
{% else %}
{% include 'wholesale-note' %}
{% endif %}
{% else%}
{{ content_for_layout }}
{% endif %}
Step 2: Add a snippet called "wholesale-note"
In the theme editor, click on Snippets in the sidebar and then click "Add snippet." Name it "wholesale-note." Copy and paste the code below into your new snippet:
<p style="text-align:center;">
{% unless customer %}
<a href="/account/login">Log in to your account</a> |
{% endunless %}
<a href="/pages/contact-us">Contact us</a> to request a wholesale account.
</p>
This is the message that people will see if they stumble across a page/product/collection that you only want approved wholesale customers to see. It asks them to either log into their account to view the page or contact you to request a wholesale account.
If your contact page has a handle other than "contact-us," change the handle in the code above to link to the correct page.
Step 3: Add some templates
Click on Templates > Add a new template.
Choose "page" and call it "wholesale"
Create a wholesale template in your Shopify theme editor
Repeat this process two more times, creating a new template for "product" and "collection," calling each one "wholesale." Shopify will automatically place some code in these templates for you--just leave it as is.
This way you can create pages, products and collections that are limited to the wholesalers only.
Step 4: Create some wholesale products
Create products in your Shopify Dashboard just like you normally do, but make sure to choose the wholesale template.
If you want to sell the same product at both retail and wholesale prices, just duplicate the retail version, change the price, and apply the wholesale template.
In the editor for any product, collection, or page, you can now choose the wholesale template. Any product, collection, or page that has this template will now be protected so that only approved wholesale customers can view it.
Step 5: Add the "wholesale" tag to your wholesale customers
I recommend creating a customer account for yourself first and tagging it with "wholesale" to test out the new feature. Go in your Shopify Dashboard to Customers, then create a customer account for yourself if you don't already have one. Open your customer account page, then scroll down to the bottom and add the tag "wholesale."
Next, go to the front end of your site and log into your customer account. If you've followed the steps above, you should be able to view your wholesale products but only if you're logged in.
If you log out of your customer account and try to visit a wholesale product, you should see the message we added above in Step 2. Feel free to modify that snippet to make the message say whatever you want it to say.
Step 6: Show a different navigation menu to wholesalers
The tricky part of this is how to make it so your wholesale customers can browse your wholesale collections and products. If they use your regular navigation, they'll be browsing the retail products and they won't see your wholesale prices.
To make it so your wholesale customers can browse your products and see the wholesale versions, we're going to modify your theme code to show a different navigation menu for visitors who are logged in and approved wholesalers.
This may be more or less difficult depending on which theme you're using. But the general idea is this:
We add code that says, "Are you logged in as a customer? If yes, are you an approved wholesale customer?" If the answer to both of these questions is "yes," we show them a navigation menu that links to all of your wholesale collections. If the answer to either of these questions is no, we show them the normal site navigation menu that everyone sees.
Here's how to implement it:
If your theme uses Sections, look in Sections > header.liquid.
The main thing we're looking for is the following code:
{% for link in linklists.main-menu.links %}
It may look slightly different, something like this:
{% for link in linklists[section.settings.main_linklist].links %}
Once you find it, replace it with the following for mobile navigation:
{% if customer %}
{% if customer.tags contains 'wholesale' %}
{% assign menu_handle = 'main-menu-wholesale' %}
{% endif %}
{% endif %}
{% for link in linklists[menu_handle].links %}
Or with this for desktop navigation:
{% if customer %}
{% if customer.tags contains 'wholesale' %}
{% assign menu_handle = 'main-menu-wholesale' %}
{% endif %}
{% endif %}
{% include 'site-nav', linklist: menu_handle %}
Important tip: Make sure to check and see if your theme has separate code for the mobile navigation. If so, you'll have to copy/paste the code above in multiple places.
For the Debut theme it should look like this:
1.

2.

3.

There's one final step in this process: In your Shopify Dashboard, go to Online Store > Navigation and add a new menu. The menu should be titled "Main Menu Wholesale" Inside this menu, add whatever links you want your wholesale customers to see, wholesale collections, pages or products.
And that's it!
Wholesale Area Shopify Store
Using this tutorial and code provided, you should be able to add a wholesale area to your Shopify store without the app using only code. If you have any more questions, be sure to leave a comment below or contact Ecom Experts.
Guides
- How To Create CUSTOM PRODUCT OPTIONS on Shopify 2.0
- How To Open External Links In A New Tab - Easy Shopify Tutorial
- How To Add Before And After Slider To Shopify - Easy 2022 Tutorial
- How To Add a Background Video To Shopify For Free
- How To Embed TikTok Videos To Any Shopify Page For Free
- Create Product Bundles Without The App - 2022 Easy Shopify Tutorial!
- Add Back to Top Button on Shopify Using Code: Detailed Tutorial
- How to Add A Custom Cart Icon on Shopify Using Code: Detailed Tutorial
- How to Add Breadcrumb Navigation to Your Shopify Store: DIY Tutorial Using Code
- How to Add Sales Countdown Timer to Your Shopify Store
- Cumulative Layout Shift Optimization: Causes and How to Measure It
- Ask How Customers Heard About Your Store On The Cart Page - 2022 Shopify Tutorial
- How to create a simple Quick View without app usage to your Shopify store
- Add A Multiple Currency Selector to Your Shopify Store Using Code Tutorial
- How to Create A Page of Collections on Shopify Using Code
- Show The Number of Products Left in Stock on Your Shopify Product Page
- Change the Number of Products in the Collection Page- Shopify Tutorial
- DIY Guide to Embed A YouTube Video in Shopify Product Page Tutorial
- Add a Message to the Shopify Product Pages by Using Product Tags - 2022 Easy Tutorial
- How to Add a Delivery Date Picker to Your Cart Page - Easy Step-By-Step Shopify Tutorial
- How To Create A Stunning Parallax Scrolling Section In Your Shopify Store Tutorial
- 6-step Tutorial on How to Add Wholesale To Shopify Store Without Shopify Plus
- How to Add Banner Image to Product Pages Without The App - Quick Shopify Tutorial
- How to add Hover Effect on Main Navigation Bar In Shopify
- How to Add A Gallery Page to Your Shopify Store without the App
- Disable Right-click to Protect Your Images on Shopify Using Code - Tutorial
- How to Auto Hide Sold Out Products on Shopify: DIY Tutorial
- DIY Code: How To Add Continue Shopping Button To Your Shopify Cart Page
- How to Create Custom Product Options on Shopify Without the App in 2022
- How to Select Variants By Clicking Their Images on Shopify
- How to Create a Custom Note Field on Your Shopify Cart Page
- How to Enable Custom File Upload Product Options on Shopify
- How To Show An Alternate Product Image On Your Shopify - Easy Step-By-Step Tutorial
- Step-by-Step Tutorial to Set Up Facebook Messenger Chat On Shopify Without App
- DIY Code To Add a Size Chart to Shopify Product Pages
- How To Redirect Shopify Customers After Login, Logout & Account Creation
- 4 Steps to Create a Sticky Header on Shopify: DIY Code
- How to Add Featured Product Slider To Your Shopify Store: Step-By-Step Tutorial
- Shopify Product Description Tabs: 5 easy steps to create your own collapsable descriptions
- Shopify Quick ADD TO CART Button On Collection Page Without The App
- How To Add a CUSTOM FONT To Your Shopify Store
2 comments
-
Dear ecomexperts.io Admin, similar listed here: Link Text
-
Fortunately, there is a new registrar cheap domain names from $0.99
Namecheap exists to help EVERYONE get, make, and achieve more online with less cost, hassle, and headaches. We offer everything you need to get online and thrive, from domains to hosting to security to specialist services and products — all with value built in.
Great prices, world-beating customer support, and extra resources come as standard. ==>> https://zeep.ly/rxViL
LEARN MORE
Get ahead with the latest in e-commerce and Shopify Plus

How Headphones.com Mobile Speed Score Went From 21 to 76 In 48 Hours
2 comments
Dear ecomexperts.io Admin, similar listed here: Link Text
Fortunately, there is a new registrar cheap domain names from $0.99
Namecheap exists to help EVERYONE get, make, and achieve more online with less cost, hassle, and headaches. We offer everything you need to get online and thrive, from domains to hosting to security to specialist services and products — all with value built in.
Great prices, world-beating customer support, and extra resources come as standard. ==>> https://zeep.ly/rxViL