Showing posts with label Shopify Supply Theme. Show all posts
Showing posts with label Shopify Supply Theme. Show all posts

Tuesday, September 13, 2016

Navigation in the Shopify Supply Theme


To review or edit Shopify navigation options
  • Click the 'Online Store' icon which resembles a globe 
  • Click 'Navigation'

Below is a screen shot of what will appear in the backend of your Shopify 'Supply' theme navigation bar. From this screen, you can define the contents of each menu option. Notice that they are defined on the basis of elements like pages, collections and so on that you can select form drop down menus.  

Below is another screen shot, this time of the store front that corresponds with the backend above. Notice the 3 corresponding menu options. 
--
--

To add new menu items (on the same level as current items 'Products' and 'Contact Us' as pictured above)
  • Click the 'Online Store' icon which resembles a globe 
  • Click 'Navigation'
  • Click the 'Add menu item' button
  • Define the parameters. For instance, name the new option anything you like in the 'name' field. Use the drop down menu in the 'Link' field to establish your preference among elements like page, collection, product and so on. The final field allows you to select from a dropdown menu that further defines your selection from the previous field.

To create a drop down menu
I want to create a drop down menu option named 'Cook Books'. All of these cook books are in a collection named 'buyer's guides'. 
  • Click the 'Online Store' icon which resembles a globe 
  • Click 'Navigation'
  • Click the 'Add Menu' button.
  • In the 'Menu description' section at the top half of the page, ensure that the 'name' field precisely matches the name of the main menu item from which the drop down menu will emerge. In this case, I could have chosen among the 3 pre-existing options home, products and contact us pictured above. 
  • Save your selections

  • Repeat the previous steps for additional drop down menu options





Monday, September 12, 2016

Organizing Brands, Product Lines, Products, Images, Categories, Tags & Attributes for Shopify's Supply Theme

This post will be useful for anyone whose ecommerce store catalog will feature over 50 products and 5 collections. Entering all of the images, product descriptions, downloadable files and so on can be daunting and requires a high level of organization. Furthermore, you must ensure that, while you enter data, you keep in mind your end goal of adding value to the shopping experience by allowing potential customers to quickly find products that meet their needs precisely based on as many filters as they need. This post provides a step-by-step guide on how to achieve this level of organization. 
--
--
A high level of organization may seem tedious at first, and maybe it is. However, once you begin to enter products into the store, a well organized storage of your files will allow you to proceed very quickly and minimize common errors.

For the sake of illustration, let's imagine that I am building a website to sell ingredients for baking natural vegan cakes. My current interest is planning for products that are sweeteners. Before filling in the specific names for brands, product lines, SKUs and so on, complete this entire hierarchy of folders, sub-folders and documents as a blank template that you can copy for other product types, brands and so on.

1.
Create the first set of folders and files

  • Using 'File Explorer' on a MS Windows computer or Finder on an Apple Mac computer, create a new folder (like 'cake') to hold all of your ingredient sub-folders
  • Within that global 'cake' folder, create a sub-folder for the current product type. In this case, the new sub-folder will be cake 'sweeteners'
  • Within the 2nd level folder (named 'sweeteners' in this example), create 2 documents. Use basic text edit programs like 'Notepad' for MS Windows computers and Text Edit' for Apple Mac computers. Name these 2 documents 1) 'SWEETENERS - Collection - DESCRIPTION' and 2) 'TAGS - Sweeteners - ALL BRANDS'. Leave the contents of these files blank for now. The important thing is that the files are in a location that is logical for easy access later on. Read about Shopify Collections (in this case, 'sweeteners' will be one collection. Eventually other ingredients like flours, egg substitutes and so on will make up separate collections). When your store visitors select 'Collections', they will see a short keyword-rich description for all sweeteners, regardless of the brand, type or other classification. This is useful for search engine optimization (SEO), ie a means of ensuring that you attract sufficient website traffic. Collection descriptions often include content like a lists of all brand names within the collection, lists of product applications and so on.
  • Find supplier brands of sweeteners.
  • Also within the 2nd level folder (named 'sweeteners' in this example), create new sub-folders for each brand; Abrand, Bbrand and so on.

3.
Manufacturers and wholesalers often have numerous product lines from which to choose. Identify the product line(s) that are relevant to the ethos of your business. Product lines are groups of related products that share collective brand name and are also sold by the one company. Product lines usually have different unique group brand names that group together member items on the basis of common key characteristics. In short, at this preliminary stage, look first for product lines (versus individual products) as a means to obtain an immediate source of multiple items. Additionally, do not attempt to re-classify individual product items from different product lines. There is no immediate need to note the details of each item. Furthermore, the group tags will do all of the appropriate re-classification for you.

  • Search through a supplier's website to identify product lines. These lists often appear on downloadable brochures and or webpages.
  • Note the product line brand names and the codes for individual products that exist within each product line. These are the products that will populate your website's catalog.

Abrand
        • Solid Sweet Product Line
          • DS3SS - Demarara raw brown sugar crystals
          • SP1PP3 - Stevia powder
        • Liquid Sweet Product Line
          • BSM33 - Black Strap Molasses
          • AN14D - Agave Nectar

Bbrand
        • Natural Goodness Product Line
          • XLYUML - Xylitol crystals - large 
          • XLYUMS - Zylitol crystals - small

4.
Within the folder for each brand, create the following sub-folders and files that apply. 

Create FOLDERS with the following name(s).
  • "Product Lines & Items - IMG, DATA SHEETS"  (This applies for cases in which each individual product within a product line will have content that is unique to it. In this case, the unique content consist of images and data sheets.)
  • "Product Page - ATTACHMENTS"  (This folder applies if visitors need downloadable attachments like data sheets, specification sheets, manuals and so on. Since some of the sheets apply to all of the items within a single product line and, in some cases, the entire brand, this is the best location for them.)
  • "Accessories"  (This folder applies if your brand created non-core products that are accessories to their main products. For instance, Bbrand might have a glass dispenser that can be refilled for reuse. Some brands have product lines for accessories. This folder should therefore be treated as a master folder as its current master folder. In other words, for complex situations, it will also have the abovementioned folders. Do not place accessories folders directly into product lines or deeper yet into folders for individual units. You may have trouble finding them later on. See how group tags will resolve the issue of their relationships with core products.)

Create a basic text edit program FILE with the following name
  • "[BRANDNAME] Lines ([line 1, line 2]) - DESCRIPTION, PRICES, WGT"  Example: "ABRAND Lines (Solid, Liquid) - DESCRIPTION, PRICES, WGT" (This file will store single product description templates that apply commonly across all items within entire product lines. In other words, all of the product items within Abrand's 'Solid Sweet' product line share the same or very similar product description. Consequently, the master version is maintained here. Furthermore, the master descriptions for all of the product lines are in a single file. Since one brand often has similar information that applies even across all or several product lines, I find one shared file makes it easier to manage these commonalities when editing requires swaps, comparisons, copy and pasting and so on.)
BTW, I forgot to do and mention this earlier. Notice the organization of folders in the Desktop (in bold print in the image directly above). See how the 'sweeteners' folder exists inside the 'products' folder which, in turn, is inside the 'cake store' folder. Remember that Shopify displays dynamic content of products - for which this post prepares. However, the other folder (not seen here) within the 'cake store' folder is the 'static page' folder for real static pages like 'About Us', 'Contact Us' and so on. As you will see below, I also have an 'admin' folder for legal and other records that are neither static pages nor product listings.
-- --
5.
Within the "Product Lines & Items - IMG, DATA SHEETS" folder, create the sub-folders for each product line. 
Example: Within the Abrand folder, create 2 new sub-folders for 1) SOLID SW - product line and LIQUID SW - product line.


6.
Within each "[LINE NAME] - Product Line" folder, create the sub-folders for each product item by model number or SKU. 'SKU' is abbreviation used in retail to refer to a 'stock keeping unit' code that is unique to individual product items. (Eventually, you will put only unique item-specific content within each SKU folder. This content usually includes an image and a unique data sheet in PDF format.) If you are still unsure of the unique product item codes, name the folders 'SKU' and leave them empty for now until you are ready to apply real SKUs. 


Abrand

    • Solid Sweet Product Line
      • DS3SS - Demarara raw brown sugar crystals
      • SP1PP3 - Stevia powder
      • SKU 3
      • SKU 4

7.
Before filling in the specific names for brands, product lines, SKUs and so on, use the entire hierarchy of folders, sub-folders and documents as a template for other brands and so on.

This is what your store documents should now look like.



Shopify Group Tag for Unlimited Search Filters in any Shopify Supply Theme

My cake preferences happen to be chocolate, vegan, gluten free, low carb and round. If you sell cakes, some of which meet all my preferences, your ecommerce store can provide such a high level of functionality to allow me to simultaneously filter through as many variables as I need (like flavour, shape, etc) to find the 5 out of your catalog's 1,000 that meet my preference precisely. You can achieve this with a sidebar (as shown below) from which your customers can filter with your backend 'group tags' in Shopify's cost-free 'Supply' theme. This is such a simple but powerful feature that can hasten the conversion of leads to paying customers in your sales funnel.

--
--
Plan your group tags 
Before attempting to set this up in Shopify, spend some offline time listing your variables (flavour, dairy tolerance, etc) and their attributes / values, ie your customer's preferences (like chocolate, vegan, etc). These groups will be created by tagging each product accordingly. In the demo below, the variables were 'brand', 'capacity', 'model' and 'speed'. The groups are 'BRAND_Arbitron', 'BRAND_Golden Delicious', 'CAPACITY_1TB', etc. Ultimately, each variable value appears in indented lists that customers can tick and un-tick mutually exclusive options. As in the demo screen below, your customers can simultaneously choose to make preference selections from as few or as many variables as they like. 


For our cake example, your list may look like this.


  • FLAVOR
    • _vanilla
    • _chocolate
    • _strawberry
  • DAIRY TOLERANCE
    • _regular creamy
    • _vegetarian
    • _vegan
  • GLUTEN TOLERANCE
    • _gluten free
    • _gluten
  • SWEETENER
    • _low carb
    • _sweet tooth
  • SHAPE
    • _round
    • _square
    • _custom


Another noteworthy benefit of this task is minimizing the potential for returns of products that do not meet your customer's requirements. Needless to say, accurate group tags are a must.



Install the 'Supply' theme.
The 'Supply' Shopify theme is most suitable for ecommerce stores with more than 50 products and 5 collections. If you have fewer products but like this theme's navigation, filtering and layout, consider alternate themes like 'Minimal', 'New Standard' or 'Classic.

  1. Log in to Shopify
  2. In the left column menu, click on 'Online Store' (shaped like the globe)
  3. Select 'Themes'
  4. Click the 'Visit Theme Store' button in the upper right of the screen. A new page with thumbnails of each theme will appear.
  5. Select the 'Supply' theme
  6. Select the 'Install theme' button


Set up a sidebar to filter by group
This multiple filter feature can be turned on and off. This step will allow you to turn it on.

  1. Log in to Shopify
  2. In the left column menu, click on 'Online Store' (shaped like the globe)
  3. Select 'Themes'
  4. Click the 'Customize Theme' button in the upper right of the screen
  5. In the far right column, select 'collection page'
  6. In the section 'Sidebar Product Filters', select the radial button 'by group'
-- --
Create group tags
See above. The Digital Store example pictured above shows several filters like brand, capacity, model and speed from which customers can customize their search. You can create as many filters as you wish with the use of group tags in any 'Supply' Shopify theme. This involves applying group tags to each individual product item that identify that item's attributes / values. Here is how to install group tags in Shopify. Group tags must appear on each product that must be filtered. 

1. Note the filtering criteria (brand, size, color and so on) that your customers will find most useful when searching for products. If necessary, consider looking at competing and supplier websites for ideas.

2. Prepare the group tags in a basic text edit computer program like Notepad for MS Windows and TextEdit for Apple Mac computers as follows. Beware, Shopify tags are case sensitive. In that case, type the classification names in uppercase (which is how Shopify will convert them even if you wrote them in lower case letters). Create codes for ALL of the possible attributes / values. Enter the values directly after an underscore (_) as shown below. Establish rules about how values should appear. For instance, I prefer to capitalize the first letter of every word in the value part of the code. Separate each code by a comma. Do not create spaces otherwise.

CLASSIFICATION NAME A_Value 1, CLASSIFICATION NAME A_Value 2, CLASSIFICATION NAME A_Value 3, 


CLASSIFICATION NAME B_Value 1, CLASSIFICATION NAME B_Value 2, CLASSIFICATION NAME B_Value 3

3. In the left column, click on 'Products'. A menu will slide out in the direction of the arrow.





2. Select the link to the backend page of the specific product to which you will apply group tags

3. As shown immediately below, highlight ALL of tags you created.

4. Paste ALL of the tags into the 'tags' field within the product page. As shown below, Shopify detects that you are pasting multiple tags at one and gives you a prompt. Simply click 'enter' to confirm the mass entry of group tags.

5. Now that you have ALL attributes / values, delete individual group tags whose attributes do not apply to the specific product item on which you are currently working. Then save the changes.


-- --