Customizing the product template

Displaying Tags on the Product Pages

For certain stores, it might make sense to list all of the tags on the product pages.  The following guide will walk you through the steps to insert a Liquid snippet into the product's template to show the tags as well as a link to the current collection with the tag filter.

  1. Open the Themes page of the Shopify admin
  2. Click on the Actions drop-down and select Edit HTML/CSS
    3f1110b1ed18819ac0f3102ddb473c0d.png
  3. Open the Sections/product-template.liquid file
  4. Search for the line that contains {{ product.description }} 
    With the current version of District this is on line 192, however, it might vary depending on your theme version.
  5. Directly after the {{ product.description }} add the following code snippet:
    https://gist.github.com/jonathanmoore/671035399d96d1362121bfc0679a182b
  6. Save the file

Displaying SKU Numbers on the Product Pages

You can easily show SKU numbers for products or variants by adding some code to your product pages in District. Here's a Shopify guide that has been tested and works beautifully with the District theme.

 https://help.shopify.com/themes/customization/products/show-sku-numbers#sectioned-themes

Linking Product Options on the Product Pages

You can link your product options so that when your store's visitors make a selection in the first drop-down, the values in the second drop-down right below will be updated to list only those values that are available in combination with their first selection. Shopify has a guide that can easily be used with District with an updated code snippet.

https://help.shopify.com/themes/customization/navigation/link-product-options-in-menus

Follow the steps you see in Shopify's guide, however, when you get to step seven you'll want to copy and paste the updated version of the snippet: https://gist.github.com/jonathanmoore/c0e0e503aa732bf1c05b7a7be4230c61

Still need help? Contact Us Contact Us