Nutrition Warehouse Theme information

Nutrition Warehouse utilizes a robust schema settings framework to seamlessly orchestrate their promotional events, sales extravaganzas, enticing random deals, and a myriad of other dynamic marketing endeavors. This intricate system optimizes visibility and engagement, ensuring customers stay informed and enthralled by the latest offerings in the world of nutrition and supplements.

THEME_SETTINGSTheme settings > Supplement Awards (NWH)

Supplement Awards

Toggle the supplement award badges to indicate where products placed on the front end of the website

Tag attributes

Name
Supp Awards
Type
Tag
Description
Tag needs to be added to product to show vote now badge

Metafield attributes

Name
Supplement Product Awards
Type
Metafield
Description
To display the awards as badges on the product page, the user should add the following JSON object to the product's metafield:

Product Awards Object

[
  {"position":"1", "awardName":"Best Protein Blend"},
  {"position":"2", "awardName":"Brand of the Year"},
  {"position":"3", "awardName":"Supplement of the Year"}
]

By adding this JSON object to the product's metafield, the awards will be recognized and can be used to generate badges on the product page for showcasing its achievements.

Section State

Name
Selector Active
Type
checkbox
Description
Show Supplement Awards
Name
Selector Active
Type
checkbox
Description
Show New Supplement Awards Banner
Name
Selector Active
Type
checkbox
Description
Show vote for me badge

Schema Settings

Preview

Add discount to cart via URL

This following script allows us to extend the ability to add discounts and items to the cart via URL query strings. Add this to the theme.liquid file

Add discount via URL

  <script>
    (async() => {
      try {
        const urlParams = new URLSearchParams(window.location.search);
        // If the URl contains a query string of "items", then add those items to the cart
        const itemsToAdd = urlParams.get('items');
        if (itemsToAdd) {
          const items = itemsToAdd.split(',');
          const itemsToAddToCart = items.map(item => {
            const [id, quantity] = item.split(':');
            return {
              id,
              quantity: parseInt(quantity, 10)
            }
          });
          await globalStore.dispatch('cart/add', itemsToAddToCart);
        }
        // If the url contains a query string of "discount", then apply a discount code to the cart
        const discount = urlParams.get('discount');
        if (discount) {
          await fetch(`/discount/${discount}`)
        }
      }
      catch (error) {
        console.error("query string error", error);
      }
    })();
  </script>

THEME_SETTINGSTheme settings > Sample Selector (NWH)

Sample Selector

Sample selector component found within the slide out cart and on the cart page - Used for free samples with purchase

Section State

Name
Selector Active
Type
checkbox
Description
Show sample selector

Schema Settings

Preview

SECTION_SETTINGSSection settings > Better Stack Modal (NWH)

Build a better stack

The better stack modal was created for a marketing campaign - triggered per-session. If the customer adds a qualifying brand (Anabolix Nutrition, Genetix Nutrition, B Raw, Pharma Labs), a modal will appear.

Section State

Name
Selector Active
Type
checkbox
Description
Enable build a better stack

Schema Settings

Preview

SECTION_SETTINGSSection settings > Better Stack Modal (NWH)

Clearance Items

Section State

Name
Selector Active
Type
checkbox
Description
Enable build a better stack