Warning: You Are Losing Money by Not using a Vendor Page For Shopify


Yes it's true. You are losing money by not using a Vendor Page For Shopify.

That's the bad news. The good news is I'm here to help make sure you don't make the same mistake other shopify shop owners are making right now.

This article will teach you how to make a custom shopify page using your admin panel and the Liquid programming language.

If you're lazy and just want the code. You can skip the step by steps and scroll down to get the entire source code to copy and paste. 

For those of you who would prefer learning the step by step process. I won't bore you with the logic behind the coding since if you're like me, you just want enough information to point you in the right direction. 

First things first, If you don't already have a Shopify account get one. Shopify is hands down the best eCommerce platform for startups and is highly recommended for many different reasons, but don't take my word for it, do your research first.  

If you already are set up with an account. Congrats on being the one of the smart ones.

Assuming you're ready, lets dive in. 

Once you are logged in to your Shopify admin account.  Follow these steps. 

Step 2: Click Online Store

 Step 1.png

Step 3: in the "Actions" Drop down choose edit code

 Step 3.png

Step 4: Create New Template

 Step 4.png

Step 5: Name it Brands, Vendors, etc.  (page.Brands) 

 Step 5.png

Step 6:  Delete all the preset info and past the source code below into the page then click save. 

 Full Source Code Here 

 

 

Notes*   to change how many columns you want find this line and change the 4 to what ever looks best. 

<div class="page-width" style="column-count:4;">

Step 7: Click Save

 Step 8: Hop over to pages

Step 8.png

 

Step 9: Add new page

Step 9.png

Step 10: give the page a title.

Step 11: Select the brand.page template.

Step 10 11.png

Step 12: Click save.

 Step 13. View Page.

 

For live view go to https://unclebobsgiftshop.com/pages/brands

 

To add different content above the vendor list on the page. 

Use the page editor to write your text, add images, etc.

 

 

I'm here to help.

 

 

 


Leave a comment


Please note, comments must be approved before they are published