unrealsnacks.com Open in urlscan Pro
23.227.38.65  Public Scan

URL: https://unrealsnacks.com/
Submission: On March 16 via api from US — Scanned from CA

Form analysis 33 forms found in the DOM

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="46319277801703" data-title="easter kit" data-price="$59.99" data-unit-price="" data-package-breakdown=""> easter kit $59.99 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="46319277801703" data-display-text="">
              <div class="variant-first-line"><span>easter kit</span><span>$59.99</span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post" data-smartrr-form-id="8332686131431">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <label>Choose Options</label>
      <select id="product-select" name="id">
        <option data-price="$59.99" value="46319277801703" selected="selected">easter kit $59.99</option>
      </select>
    </div><!-- product-variants -->
    <div class="qtydiv">
      <label for="Quantity" class="quantity-selector text-white">Quantity</label>
      <div class="qtybox">
        <span class="btnqty qtyminus icon icon-minus">-</span>
        <input type="text" id="quantity" name="quantity" value="1" min="1" class="quantity-selector quantity-input" readonly="">
        <span class="btnqty qtyplus icon icon-plus">+</span>
      </div>
    </div>
  </div>
  <input type="hidden" name="selling_plan" data-smartrr-selling-plan-input="" value="">
  <div class="hide" data-smartrr-page-load-variant="46319277801703"></div>
  <script>
    if (typeof window.smartrrProductList === 'undefined') {
      window.smartrrProductList = {};
    }
    window.smartrrProductList["8332686131431"] = {
      uniqueId: "8332686131431",
      ui: undefined,
      logic: undefined,
      appId: "4836205",
      hiddenGroup: "[hidden]",
      formTag: "data-smartrr-form-id",
      product: {
        "id": 8332686131431,
        "title": "easter egg kit",
        "handle": "unreal-easter-egg-kit",
        "description": "\u003cp dir=\"ltr\" data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eThe Easter egg hunt may be a few weeks away, but the hunt for candy with better-for-you ingredients is over. Get everything you need for the ultimate Easter basket egg-stravaganza with our Easter Kit!  With lower sugar treats, real ingredients, and planet-friendly basket stuffers, it’s the perfect way to share the joy with some-bunny you love. Inside, you’ll find:\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cp role=\"presentation\" data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e- 1 limited-edition Easter box of dark chocolate coconut bars (20 count)\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cp role=\"presentation\" data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e- 1 limited-edition Easter box of dark chocolate peanut butter cups (20 count) \u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cp role=\"presentation\" data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e- 18-count pack of BPA-free, naturally-died, recycled plastic ecoeggs \u003c\/span\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e- 1 pack of 100% recyclable e\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003ecoegg grass, made from post-recycled paper in either green, pink, or yellow at random\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eWe're so excited to have partnered with ecoeggs, a certified B-corp organization, to bring you everything you'll need for an unreal Easter.\u003c\/span\u003e\u003c\/p\u003e",
        "published_at": "2023-03-01T08:00:01-05:00",
        "created_at": "2023-02-27T11:57:09-05:00",
        "vendor": "UNREAL",
        "type": "",
        "tags": ["fair trade", "gluten-free", "kosher", "non-gmo", "red", "vegan"],
        "price": 5999,
        "price_min": 5999,
        "price_max": 5999,
        "available": true,
        "price_varies": false,
        "compare_at_price": null,
        "compare_at_price_min": 0,
        "compare_at_price_max": 0,
        "compare_at_price_varies": false,
        "variants": [{
          "id": 46319277801703,
          "title": "easter kit",
          "option1": "easter kit",
          "option2": null,
          "option3": null,
          "sku": "Variety-015Easter",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "easter egg kit - easter kit",
          "public_title": "easter kit",
          "options": ["easter kit"],
          "price": 5999,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": []
        }],
        "images": ["\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/UNREAL__196C_EasterKitHeroImage_1.png?v=1678674264", "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/easterkit3resize.png?v=1678674264",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/easterlifestyle2resize.png?v=1678674264", "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/UNREAL__196C_EasterKitHeroImage_2crop.png?v=1678674264",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/basketlifestyle1resize.png?v=1678674264"
        ],
        "featured_image": "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/UNREAL__196C_EasterKitHeroImage_1.png?v=1678674264",
        "options": ["Size"],
        "media": [{
          "alt": null,
          "id": 32981246738663,
          "position": 1,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1954,
            "width": 1954,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/UNREAL__196C_EasterKitHeroImage_1.png?v=1678674264"
          },
          "aspect_ratio": 1.0,
          "height": 1954,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/UNREAL__196C_EasterKitHeroImage_1.png?v=1678674264",
          "width": 1954
        }, {
          "alt": null,
          "id": 32898558361831,
          "position": 2,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 3500,
            "width": 3500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/easterkit3resize.png?v=1678674264"
          },
          "aspect_ratio": 1.0,
          "height": 3500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/easterkit3resize.png?v=1678674264",
          "width": 3500
        }, {
          "alt": null,
          "id": 32898549809383,
          "position": 3,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 3659,
            "width": 3659,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/easterlifestyle2resize.png?v=1678674264"
          },
          "aspect_ratio": 1.0,
          "height": 3659,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/easterlifestyle2resize.png?v=1678674264",
          "width": 3659
        }, {
          "alt": null,
          "id": 32898527264999,
          "position": 4,
          "preview_image": {
            "aspect_ratio": 1.01,
            "height": 1555,
            "width": 1571,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/UNREAL__196C_EasterKitHeroImage_2crop.png?v=1678674264"
          },
          "aspect_ratio": 1.01,
          "height": 1555,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/UNREAL__196C_EasterKitHeroImage_2crop.png?v=1678674264",
          "width": 1571
        }, {
          "alt": null,
          "id": 32898559115495,
          "position": 5,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 3500,
            "width": 3500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/basketlifestyle1resize.png?v=1678674264"
          },
          "aspect_ratio": 1.0,
          "height": 3500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/basketlifestyle1resize.png?v=1678674264",
          "width": 3500
        }],
        "requires_selling_plan": false,
        "selling_plan_groups": [],
        "content": "\u003cp dir=\"ltr\" data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eThe Easter egg hunt may be a few weeks away, but the hunt for candy with better-for-you ingredients is over. Get everything you need for the ultimate Easter basket egg-stravaganza with our Easter Kit!  With lower sugar treats, real ingredients, and planet-friendly basket stuffers, it’s the perfect way to share the joy with some-bunny you love. Inside, you’ll find:\u003c\/span\u003e\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cp role=\"presentation\" data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e- 1 limited-edition Easter box of dark chocolate coconut bars (20 count)\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cp role=\"presentation\" data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e- 1 limited-edition Easter box of dark chocolate peanut butter cups (20 count) \u003c\/span\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cp role=\"presentation\" data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e- 18-count pack of BPA-free, naturally-died, recycled plastic ecoeggs \u003c\/span\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e- 1 pack of 100% recyclable e\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003ecoegg grass, made from post-recycled paper in either green, pink, or yellow at random\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eWe're so excited to have partnered with ecoeggs, a certified B-corp organization, to bring you everything you'll need for an unreal Easter.\u003c\/span\u003e\u003c\/p\u003e"
      },
      /* Called at DOMContentLoaded when initSmartrr creates the UI and Logic Modules */
      /* Used to inform the Modules of changes in Variants and Plans */
      uiImplementDetectChange: function(ui) {
        /* Inform the Logic handler about the variant selected when the page loads. */
        var variantId = ui.apiGetAttribute(ui.apiQuerySelectorDataTag('data-smartrr-page-load-variant', ui.$form), 'data-smartrr-page-load-variant');
        ui.logic.apiChangeVariant(variantId);
        /* Handle the variant selector on the page here. */
        /* Get the variant selector/buttons. On change/click, get the variant id and call ui.logic.apiChangeVariant(variantId); */
        /* Example code shows how to handle a swatch */
        /* variant code  */
        var variantButtons = ui.$form.querySelectorAll('#product-variants select');
        variantButtons.forEach(function(variantInput) {
          variantInput.addEventListener('change', function() {
            var variant_Id = ui.apiGetValue(variantInput);
            var variant = ui.logic.apiGetVariantById(variant_Id);
            ui.logic.apiChangeVariant(variant_Id);
          });
        });
        // PDP custom select price update
        setTimeout(() => {
          var variantDropdown = Array.from(document.querySelectorAll('#product-variants .dropdown ul li'));
          variantDropdown.map(function(item) {
            item.addEventListener('click', function() {
              let variantId = this.getAttribute('data-value');
              ui.logic.apiChangeVariant(variantId);
            });
          });
        }, 600)
        /* Handle the plan selectors for each group. In this case, it is a <select> */
        var planSelectors = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plans-select', ui.$form);
        planSelectors.forEach(function(planSelector) {
          planSelector.addEventListener("change", function() {
            ui.logic.apiChangePlan(ui.apiGetValue(planSelector));
          });
        });
        /* Signal possible change in pricing displays when quantity is changed */
        /*
        var qty = ui.$form.querySelector('input[name="quantity"]');
        qty.addEventListener("change", function() {
          ui.logic.apiChangePlan(ui.logic.getCurrentCopy().planId);
        });
        */
      },
      /* Called when Plan (the subscription frequency) is changed. */
      /* Called when One time purchase is selected. */
      uiOnPlanChange: function(ui, currentInfo) {
        if (currentInfo.groupId && currentInfo.planId) {
          /* Ensures the <select> option reflects the change in planId. */
          ui.apiSetValue(ui.apiQuerySelectorDataTag('data-smartrr-selling-plans-select', ui.$form, currentInfo.groupId), currentInfo.planId);
        }
      },
      /* Called when the group (One time purchase / Subscribe & Save) is changed. */
      uiOnGroupChange: function(ui, currentInfo) {
        var grpSelect = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-input', ui.$form);
        var benefit_text = ui.$form.querySelector('.data-smartrr-benefits')
        grpSelect.forEach(function(grp) {
          if (grp.dataset.smartrrSellingPlanGroupId !== "" && grp.checked == true) {
            benefit_text.style.opacity = 1;
          } else {
            benefit_text.style.opacity = 0.3;
          }
        })
        /* Use this to implement active class on Groups */
        /*
        var groupDivs = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-id', ui.$form);
        groupDivs.forEach(function(group) {
          if (currentInfo.groupId === ui.apiGetAttribute(group, 'data-smartrr-selling-plan-group-id')) {
            group.classList.add('smartrr-group-active');
          } else {
            group.classList.remove('smartrr-group-active');
          }
        });
        */
      },
      /* Called when the variant is changed */
      uiOnVariantChange: function(ui, currentInfo) {},
      /* Called when the quantity is retrieved for used in pricing display calculation. */
      uiGetQuantity: function(ui) {
        /* Handle the quantity input on the page here. */
        /* return 1 if you don't want quantity to be considered in pricing display elements */
        /* return ui.apiGetValue(ui.$form.querySelector('input[name="quantity"]')); */
        return 1;
      },
      uiModifyPrice: function(ui, $div, money) {
        /*
        Change price here based on requirements. For example, setting up per case/pound/bag price.
        money.regular: amount that shows up when strike display is chosen. This is the original un-discounted price.
        money.subscribe: the final discounted price or one-time price that shows up in the checkout.
        */
        return money;
      }
    };
    window.initSmartrr && window.initSmartrr("8332686131431");
  </script>
  <div class="addy-btn">
    <h2><span class="price">Price:</span> <span class="home_prod_price">$59.99</span></h2>
    <input type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
  </div>
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="44283989491943" data-title="2 bags" data-price="$28.48" data-unit-price="$1.50 / oz" data-package-breakdown="9.5 oz / bag"> 2 bags $28.48 </option>
        <option value="44283989524711" data-title="3 bags" data-price="$41.82" data-unit-price="$1.47 / oz" data-package-breakdown="save 7%"> 3 bags $41.82 </option>
        <option value="44283989557479" data-title="4 bags" data-price="$50.97" data-unit-price="$1.34 / oz" data-package-breakdown="save 15%"> 4 bags $50.97 </option>
        <option value="44283989590247" data-title="5 bags" data-price="$59.96" data-unit-price="$1.26 / oz" data-package-breakdown="save 20%"> 5 bags $59.96 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="44283989491943" data-display-text="">
              <div class="variant-first-line"><span>2 bags</span><span>$28.48</span></div>
              <div class="variant-second-line"><span>9.5 oz / bag</span><span>$1.50 / oz</span></div>
            </li>
            <li class="option  " data-value="44283989524711" data-display-text="">
              <div class="variant-first-line"><span>3 bags</span><span>$41.82</span></div>
              <div class="variant-second-line"><span>save 7%</span><span>$1.47 / oz</span></div>
            </li>
            <li class="option  " data-value="44283989557479" data-display-text="">
              <div class="variant-first-line"><span>4 bags</span><span>$50.97</span></div>
              <div class="variant-second-line"><span>save 15%</span><span>$1.34 / oz</span></div>
            </li>
            <li class="option  " data-value="44283989590247" data-display-text="">
              <div class="variant-first-line"><span>5 bags</span><span>$59.96</span></div>
              <div class="variant-second-line"><span>save 20%</span><span>$1.26 / oz</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post" data-smartrr-form-id="8075085644007">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <label>Choose Options</label>
      <select id="product-select" name="id">
        <option data-price="$28.48" value="44283989491943" selected="selected">2 bags $28.48</option>
        <option data-price="$41.82" value="44283989524711">3 bags $41.82</option>
        <option data-price="$50.97" value="44283989557479">4 bags $50.97</option>
        <option data-price="$59.96" value="44283989590247">5 bags $59.96</option>
      </select>
    </div><!-- product-variants -->
    <div class="qtydiv">
      <label for="Quantity" class="quantity-selector text-white">Quantity</label>
      <div class="qtybox">
        <span class="btnqty qtyminus icon icon-minus">-</span>
        <input type="text" id="quantity" name="quantity" value="1" min="1" class="quantity-selector quantity-input" readonly="">
        <span class="btnqty qtyplus icon icon-plus">+</span>
      </div>
    </div>
  </div>
  <input type="hidden" name="selling_plan" data-smartrr-selling-plan-input="" value="">
  <div class="hide" data-smartrr-page-load-variant="44283989491943"></div>
  <fieldset class="smartrr-purchase-options" data-smartrr-purchase-options="">
    <div class="smartrr-no-plans-available hide" data-smartrr-no-plans=""> No available purchase options for this selection. </div>
    <div data-smartrr-selling-plan-groups="">
      <div data-smartrr-selling-plan-group-id="" class="smartrr-otp">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="" name="purchase_option" value="">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>one time purchase</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="" class=""></div>
      </div>
      <div data-smartrr-selling-plan-group-id="cf018980ec149ecd6bc19e56da35036f43110a29" class="hide">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="cf018980ec149ecd6bc19e56da35036f43110a29" name="purchase_option" value="cf018980ec149ecd6bc19e56da35036f43110a29">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>subscribe and save 10%!</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="cf018980ec149ecd6bc19e56da35036f43110a29" class="hide">
          <div data-smartrr-selling-plan-group-plans="">
            <div class="smartrr-deliver-frequency">Deliver Every</div>
            <select data-smartrr-selling-plans-select="cf018980ec149ecd6bc19e56da35036f43110a29">
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="580550848">every 1 month</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="595886272">every 2 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3704455399">every 3 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3967385831">every 4 months</option>
            </select>
          </div>
        </div>
        <div class="data-smartrr-benefits" style="opacity: 0.3;">
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">free shipping in the contiguous US</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">no commitment, cancel anytime</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">save on every order</span></div>
        </div>
      </div>
    </div>
  </fieldset>
  <script>
    if (typeof window.smartrrProductList === 'undefined') {
      window.smartrrProductList = {};
    }
    window.smartrrProductList["8075085644007"] = {
      uniqueId: "8075085644007",
      ui: undefined,
      logic: undefined,
      appId: "4836205",
      hiddenGroup: "[hidden]",
      formTag: "data-smartrr-form-id",
      product: {
        "id": 8075085644007,
        "title": "coconut bars - value bags",
        "handle": "dark-chocolate-coconut-bars-value-size-bags",
        "description": "\u003cp\u003e3 grams of sugar per bar and only 3 simple ingredients! Our dark chocolate coconut bars use 51% less sugar than the leading brand without using sugar alcohols, stevia or artificial sweeteners. We formulate our coconut bars with only the best, quality ingredients that taste UNREAL! \u003cbr\u003e\u003cspan data-mce-fragment=\"1\"\u003eEach 9.5\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eoz bag contains 18 individually wrapped coconut bars.\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e",
        "published_at": "2022-08-26T17:04:32-04:00",
        "created_at": "2022-08-11T16:24:48-04:00",
        "vendor": "UNREAL",
        "type": "",
        "tags": ["cyan", "fair trade", "gluten-free", "kosher", "non-gmo", "vegan"],
        "price": 2848,
        "price_min": 2848,
        "price_max": 5996,
        "available": true,
        "price_varies": true,
        "compare_at_price": null,
        "compare_at_price_min": 0,
        "compare_at_price_max": 0,
        "compare_at_price_varies": false,
        "variants": [{
          "id": 44283989491943,
          "title": "2 bags",
          "option1": "2 bags",
          "option2": null,
          "option3": null,
          "sku": "6130-2",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "coconut bars - value bags - 2 bags",
          "public_title": "2 bags",
          "options": ["2 bags"],
          "price": 2848,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": []
        }, {
          "id": 44283989524711,
          "title": "3 bags",
          "option1": "3 bags",
          "option2": null,
          "option3": null,
          "sku": "6130-3",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "coconut bars - value bags - 3 bags",
          "public_title": "3 bags",
          "options": ["3 bags"],
          "price": 4182,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }, {
          "id": 44283989557479,
          "title": "4 bags",
          "option1": "4 bags",
          "option2": null,
          "option3": null,
          "sku": "6130-4",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "coconut bars - value bags - 4 bags",
          "public_title": "4 bags",
          "options": ["4 bags"],
          "price": 5097,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }, {
          "id": 44283989590247,
          "title": "5 bags",
          "option1": "5 bags",
          "option2": null,
          "option3": null,
          "sku": "6130-5",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "coconut bars - value bags - 5 bags",
          "public_title": "5 bags",
          "options": ["5 bags"],
          "price": 5996,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }],
        "images": ["\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/36.png?v=1667397462",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Coconut_9.5oz_BOP_Visual_2022_dcc3b765-f04f-47b0-bab0-e6f56073820c.png?v=1667397462",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Coco_Thumbnail2_f2bda51a-924e-4454-ad96-965bafc67239.png?v=1667397462",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Coco_Thumbnail3.png?v=1667397462", "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/2130_productshot.jpg?v=1676473037"
        ],
        "featured_image": "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/36.png?v=1667397462",
        "options": ["Size"],
        "media": [{
          "alt": null,
          "id": 32072130232551,
          "position": 1,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1200,
            "width": 1200,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/36.png?v=1667397462"
          },
          "aspect_ratio": 1.0,
          "height": 1200,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/36.png?v=1667397462",
          "width": 1200
        }, {
          "alt": null,
          "id": 31323618410727,
          "position": 2,
          "preview_image": {
            "aspect_ratio": 0.687,
            "height": 2786,
            "width": 1913,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Coconut_9.5oz_BOP_Visual_2022_dcc3b765-f04f-47b0-bab0-e6f56073820c.png?v=1667397462"
          },
          "aspect_ratio": 0.687,
          "height": 2786,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Coconut_9.5oz_BOP_Visual_2022_dcc3b765-f04f-47b0-bab0-e6f56073820c.png?v=1667397462",
          "width": 1913
        }, {
          "alt": null,
          "id": 31323618443495,
          "position": 3,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Coco_Thumbnail2_f2bda51a-924e-4454-ad96-965bafc67239.png?v=1667397462"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Coco_Thumbnail2_f2bda51a-924e-4454-ad96-965bafc67239.png?v=1667397462",
          "width": 1500
        }, {
          "alt": null,
          "id": 31323618476263,
          "position": 4,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Coco_Thumbnail3.png?v=1667397462"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Coco_Thumbnail3.png?v=1667397462",
          "width": 1500
        }, {
          "alt": null,
          "id": 32827746287847,
          "position": 5,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 887,
            "width": 887,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/2130_productshot.jpg?v=1676473037"
          },
          "aspect_ratio": 1.0,
          "height": 887,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/2130_productshot.jpg?v=1676473037",
          "width": 887
        }],
        "requires_selling_plan": false,
        "selling_plan_groups": [{
          "id": "cf018980ec149ecd6bc19e56da35036f43110a29",
          "name": "subscribe and save",
          "options": [{
            "name": "subscribe and save",
            "position": 1,
            "values": ["every 1 month", "every 2 months", "every 3 months", "every 4 months"]
          }],
          "selling_plans": [{
            "id": 580550848,
            "name": "delivered every 1 month",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 1 month"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 595886272,
            "name": "delivered every 2 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 2 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3704455399,
            "name": "delivered every 3 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 3 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3967385831,
            "name": "delivered every 4 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 4 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }],
          "app_id": "4836205"
        }],
        "content": "\u003cp\u003e3 grams of sugar per bar and only 3 simple ingredients! Our dark chocolate coconut bars use 51% less sugar than the leading brand without using sugar alcohols, stevia or artificial sweeteners. We formulate our coconut bars with only the best, quality ingredients that taste UNREAL! \u003cbr\u003e\u003cspan data-mce-fragment=\"1\"\u003eEach 9.5\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eoz bag contains 18 individually wrapped coconut bars.\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e"
      },
      /* Called at DOMContentLoaded when initSmartrr creates the UI and Logic Modules */
      /* Used to inform the Modules of changes in Variants and Plans */
      uiImplementDetectChange: function(ui) {
        /* Inform the Logic handler about the variant selected when the page loads. */
        var variantId = ui.apiGetAttribute(ui.apiQuerySelectorDataTag('data-smartrr-page-load-variant', ui.$form), 'data-smartrr-page-load-variant');
        ui.logic.apiChangeVariant(variantId);
        /* Handle the variant selector on the page here. */
        /* Get the variant selector/buttons. On change/click, get the variant id and call ui.logic.apiChangeVariant(variantId); */
        /* Example code shows how to handle a swatch */
        /* variant code  */
        var variantButtons = ui.$form.querySelectorAll('#product-variants select');
        variantButtons.forEach(function(variantInput) {
          variantInput.addEventListener('change', function() {
            var variant_Id = ui.apiGetValue(variantInput);
            var variant = ui.logic.apiGetVariantById(variant_Id);
            ui.logic.apiChangeVariant(variant_Id);
          });
        });
        // PDP custom select price update
        setTimeout(() => {
          var variantDropdown = Array.from(document.querySelectorAll('#product-variants .dropdown ul li'));
          variantDropdown.map(function(item) {
            item.addEventListener('click', function() {
              let variantId = this.getAttribute('data-value');
              ui.logic.apiChangeVariant(variantId);
            });
          });
        }, 600)
        /* Handle the plan selectors for each group. In this case, it is a <select> */
        var planSelectors = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plans-select', ui.$form);
        planSelectors.forEach(function(planSelector) {
          planSelector.addEventListener("change", function() {
            ui.logic.apiChangePlan(ui.apiGetValue(planSelector));
          });
        });
        /* Signal possible change in pricing displays when quantity is changed */
        /*
        var qty = ui.$form.querySelector('input[name="quantity"]');
        qty.addEventListener("change", function() {
          ui.logic.apiChangePlan(ui.logic.getCurrentCopy().planId);
        });
        */
      },
      /* Called when Plan (the subscription frequency) is changed. */
      /* Called when One time purchase is selected. */
      uiOnPlanChange: function(ui, currentInfo) {
        if (currentInfo.groupId && currentInfo.planId) {
          /* Ensures the <select> option reflects the change in planId. */
          ui.apiSetValue(ui.apiQuerySelectorDataTag('data-smartrr-selling-plans-select', ui.$form, currentInfo.groupId), currentInfo.planId);
        }
      },
      /* Called when the group (One time purchase / Subscribe & Save) is changed. */
      uiOnGroupChange: function(ui, currentInfo) {
        var grpSelect = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-input', ui.$form);
        var benefit_text = ui.$form.querySelector('.data-smartrr-benefits')
        grpSelect.forEach(function(grp) {
          if (grp.dataset.smartrrSellingPlanGroupId !== "" && grp.checked == true) {
            benefit_text.style.opacity = 1;
          } else {
            benefit_text.style.opacity = 0.3;
          }
        })
        /* Use this to implement active class on Groups */
        /*
        var groupDivs = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-id', ui.$form);
        groupDivs.forEach(function(group) {
          if (currentInfo.groupId === ui.apiGetAttribute(group, 'data-smartrr-selling-plan-group-id')) {
            group.classList.add('smartrr-group-active');
          } else {
            group.classList.remove('smartrr-group-active');
          }
        });
        */
      },
      /* Called when the variant is changed */
      uiOnVariantChange: function(ui, currentInfo) {},
      /* Called when the quantity is retrieved for used in pricing display calculation. */
      uiGetQuantity: function(ui) {
        /* Handle the quantity input on the page here. */
        /* return 1 if you don't want quantity to be considered in pricing display elements */
        /* return ui.apiGetValue(ui.$form.querySelector('input[name="quantity"]')); */
        return 1;
      },
      uiModifyPrice: function(ui, $div, money) {
        /*
        Change price here based on requirements. For example, setting up per case/pound/bag price.
        money.regular: amount that shows up when strike display is chosen. This is the original un-discounted price.
        money.subscribe: the final discounted price or one-time price that shows up in the checkout.
        */
        return money;
      }
    };
    window.initSmartrr && window.initSmartrr("8075085644007");
  </script>
  <div class="addy-btn">
    <h2><span class="price">Price:</span> <span class="home_prod_price">$28.48</span></h2>
    <input type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
  </div>
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="44284178727143" data-title="2 bags" data-price="$28.48" data-unit-price="$1.50 / oz" data-package-breakdown="9.5 oz / bag"> 2 bags $28.48 </option>
        <option value="44284178759911" data-title="3 bags" data-price="$41.82" data-unit-price="$1.47 / oz" data-package-breakdown="save 7%"> 3 bags $41.82 </option>
        <option value="44284178792679" data-title="4 bags" data-price="$50.97" data-unit-price="$1.34 / oz" data-package-breakdown="save 15%"> 4 bags $50.97 </option>
        <option value="44284178825447" data-title="5 bags" data-price="$59.96" data-unit-price="$1.26 / oz" data-package-breakdown="save 20%"> 5 bags $59.96 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="44284178727143" data-display-text="">
              <div class="variant-first-line"><span>2 bags</span><span>$28.48</span></div>
              <div class="variant-second-line"><span>9.5 oz / bag</span><span>$1.50 / oz</span></div>
            </li>
            <li class="option  " data-value="44284178759911" data-display-text="">
              <div class="variant-first-line"><span>3 bags</span><span>$41.82</span></div>
              <div class="variant-second-line"><span>save 7%</span><span>$1.47 / oz</span></div>
            </li>
            <li class="option  " data-value="44284178792679" data-display-text="">
              <div class="variant-first-line"><span>4 bags</span><span>$50.97</span></div>
              <div class="variant-second-line"><span>save 15%</span><span>$1.34 / oz</span></div>
            </li>
            <li class="option  " data-value="44284178825447" data-display-text="">
              <div class="variant-first-line"><span>5 bags</span><span>$59.96</span></div>
              <div class="variant-second-line"><span>save 20%</span><span>$1.26 / oz</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post" data-smartrr-form-id="8075133059303">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <label>Choose Options</label>
      <select id="product-select" name="id">
        <option data-price="$28.48" value="44284178727143" selected="selected">2 bags $28.48</option>
        <option data-price="$41.82" value="44284178759911">3 bags $41.82</option>
        <option data-price="$50.97" value="44284178792679">4 bags $50.97</option>
        <option data-price="$59.96" value="44284178825447">5 bags $59.96</option>
      </select>
    </div><!-- product-variants -->
    <div class="qtydiv">
      <label for="Quantity" class="quantity-selector text-white">Quantity</label>
      <div class="qtybox">
        <span class="btnqty qtyminus icon icon-minus">-</span>
        <input type="text" id="quantity" name="quantity" value="1" min="1" class="quantity-selector quantity-input" readonly="">
        <span class="btnqty qtyplus icon icon-plus">+</span>
      </div>
    </div>
  </div>
  <input type="hidden" name="selling_plan" data-smartrr-selling-plan-input="" value="">
  <div class="hide" data-smartrr-page-load-variant="44284178727143"></div>
  <fieldset class="smartrr-purchase-options" data-smartrr-purchase-options="">
    <div class="smartrr-no-plans-available hide" data-smartrr-no-plans=""> No available purchase options for this selection. </div>
    <div data-smartrr-selling-plan-groups="">
      <div data-smartrr-selling-plan-group-id="" class="smartrr-otp">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="" name="purchase_option" value="">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>one time purchase</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="" class=""></div>
      </div>
      <div data-smartrr-selling-plan-group-id="cf018980ec149ecd6bc19e56da35036f43110a29" class="hide">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="cf018980ec149ecd6bc19e56da35036f43110a29" name="purchase_option" value="cf018980ec149ecd6bc19e56da35036f43110a29">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>subscribe and save 10%!</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="cf018980ec149ecd6bc19e56da35036f43110a29" class="hide">
          <div data-smartrr-selling-plan-group-plans="">
            <div class="smartrr-deliver-frequency">Deliver Every</div>
            <select data-smartrr-selling-plans-select="cf018980ec149ecd6bc19e56da35036f43110a29">
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="580550848">every 1 month</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="595886272">every 2 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3704455399">every 3 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3967385831">every 4 months</option>
            </select>
          </div>
        </div>
        <div class="data-smartrr-benefits" style="opacity: 0.3;">
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">free shipping in the contiguous US</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">no commitment, cancel anytime</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">save on every order</span></div>
        </div>
      </div>
    </div>
  </fieldset>
  <script>
    if (typeof window.smartrrProductList === 'undefined') {
      window.smartrrProductList = {};
    }
    window.smartrrProductList["8075133059303"] = {
      uniqueId: "8075133059303",
      ui: undefined,
      logic: undefined,
      appId: "4836205",
      hiddenGroup: "[hidden]",
      formTag: "data-smartrr-form-id",
      product: {
        "id": 8075133059303,
        "title": "peanut butter cups - value bags",
        "handle": "dark-chocolate-peanut-butter-cups-value-size-bags",
        "description": "\u003cp data-mce-fragment=\"1\"\u003eOur dark chocolate peanut butter cups use 36% less sugar than the leading brand! \u003cspan data-mce-fragment=\"1\"\u003eWe keep sugar to a minimum, without using sugar alcohols like erythritol, stevia or artificial sweeteners. No soy ingredients, no artificial flavors, no preservatives or fillers here. Just the best, quality ingredients that put flavor first. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e Each 9.5 oz bag contains 18 \u003cspan data-mce-fragment=\"1\"\u003eindividually wrapped\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e peanut\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003ebutter\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003ecups. \u003c\/span\u003e\u003c\/p\u003e",
        "published_at": "2022-08-26T17:04:33-04:00",
        "created_at": "2022-08-11T16:54:11-04:00",
        "vendor": "UNREAL",
        "type": "",
        "tags": ["cups", "fair trade", "gluten-free", "kosher", "non-gmo", "red", "vegan"],
        "price": 2848,
        "price_min": 2848,
        "price_max": 5996,
        "available": true,
        "price_varies": true,
        "compare_at_price": null,
        "compare_at_price_min": 0,
        "compare_at_price_max": 0,
        "compare_at_price_varies": false,
        "variants": [{
          "id": 44284178727143,
          "title": "2 bags",
          "option1": "2 bags",
          "option2": null,
          "option3": null,
          "sku": "6007-2",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "peanut butter cups - value bags - 2 bags",
          "public_title": "2 bags",
          "options": ["2 bags"],
          "price": 2848,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": []
        }, {
          "id": 44284178759911,
          "title": "3 bags",
          "option1": "3 bags",
          "option2": null,
          "option3": null,
          "sku": "6007-3",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "peanut butter cups - value bags - 3 bags",
          "public_title": "3 bags",
          "options": ["3 bags"],
          "price": 4182,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }, {
          "id": 44284178792679,
          "title": "4 bags",
          "option1": "4 bags",
          "option2": null,
          "option3": null,
          "sku": "6007-4",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "peanut butter cups - value bags - 4 bags",
          "public_title": "4 bags",
          "options": ["4 bags"],
          "price": 5097,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }, {
          "id": 44284178825447,
          "title": "5 bags",
          "option1": "5 bags",
          "option2": null,
          "option3": null,
          "sku": "6007-5",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "peanut butter cups - value bags - 5 bags",
          "public_title": "5 bags",
          "options": ["5 bags"],
          "price": 5996,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }],
        "images": ["\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/34.png?v=1667397610",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_PBC_9.5oz_BOP_Visual_2022_4f024504-cdb5-48e4-8138-84ee2bc9faad.png?v=1667397610",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_PBC_Thumbnail3_3a21c10b-6856-4742-b2c1-df74399d8fc5.png?v=1667397610",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PBC_Thumbnail5.jpg?v=1667397610", "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/207_productshot.png?v=1676473173"
        ],
        "featured_image": "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/34.png?v=1667397610",
        "options": ["Size"],
        "media": [{
          "alt": null,
          "id": 32072167391463,
          "position": 1,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1200,
            "width": 1200,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/34.png?v=1667397610"
          },
          "aspect_ratio": 1.0,
          "height": 1200,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/34.png?v=1667397610",
          "width": 1200
        }, {
          "alt": null,
          "id": 31769424953575,
          "position": 2,
          "preview_image": {
            "aspect_ratio": 0.687,
            "height": 2786,
            "width": 1913,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_PBC_9.5oz_BOP_Visual_2022_4f024504-cdb5-48e4-8138-84ee2bc9faad.png?v=1667397610"
          },
          "aspect_ratio": 0.687,
          "height": 2786,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_PBC_9.5oz_BOP_Visual_2022_4f024504-cdb5-48e4-8138-84ee2bc9faad.png?v=1667397610",
          "width": 1913
        }, {
          "alt": null,
          "id": 31323834417383,
          "position": 3,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_PBC_Thumbnail3_3a21c10b-6856-4742-b2c1-df74399d8fc5.png?v=1667397610"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_PBC_Thumbnail3_3a21c10b-6856-4742-b2c1-df74399d8fc5.png?v=1667397610",
          "width": 1500
        }, {
          "alt": null,
          "id": 31323834450151,
          "position": 4,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PBC_Thumbnail5.jpg?v=1667397610"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PBC_Thumbnail5.jpg?v=1667397610",
          "width": 1500
        }, {
          "alt": null,
          "id": 32827757199591,
          "position": 5,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1080,
            "width": 1080,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/207_productshot.png?v=1676473173"
          },
          "aspect_ratio": 1.0,
          "height": 1080,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/207_productshot.png?v=1676473173",
          "width": 1080
        }],
        "requires_selling_plan": false,
        "selling_plan_groups": [{
          "id": "cf018980ec149ecd6bc19e56da35036f43110a29",
          "name": "subscribe and save",
          "options": [{
            "name": "subscribe and save",
            "position": 1,
            "values": ["every 1 month", "every 2 months", "every 3 months", "every 4 months"]
          }],
          "selling_plans": [{
            "id": 580550848,
            "name": "delivered every 1 month",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 1 month"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 595886272,
            "name": "delivered every 2 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 2 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3704455399,
            "name": "delivered every 3 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 3 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3967385831,
            "name": "delivered every 4 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 4 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }],
          "app_id": "4836205"
        }],
        "content": "\u003cp data-mce-fragment=\"1\"\u003eOur dark chocolate peanut butter cups use 36% less sugar than the leading brand! \u003cspan data-mce-fragment=\"1\"\u003eWe keep sugar to a minimum, without using sugar alcohols like erythritol, stevia or artificial sweeteners. No soy ingredients, no artificial flavors, no preservatives or fillers here. Just the best, quality ingredients that put flavor first. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e Each 9.5 oz bag contains 18 \u003cspan data-mce-fragment=\"1\"\u003eindividually wrapped\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e peanut\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003ebutter\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003ecups. \u003c\/span\u003e\u003c\/p\u003e"
      },
      /* Called at DOMContentLoaded when initSmartrr creates the UI and Logic Modules */
      /* Used to inform the Modules of changes in Variants and Plans */
      uiImplementDetectChange: function(ui) {
        /* Inform the Logic handler about the variant selected when the page loads. */
        var variantId = ui.apiGetAttribute(ui.apiQuerySelectorDataTag('data-smartrr-page-load-variant', ui.$form), 'data-smartrr-page-load-variant');
        ui.logic.apiChangeVariant(variantId);
        /* Handle the variant selector on the page here. */
        /* Get the variant selector/buttons. On change/click, get the variant id and call ui.logic.apiChangeVariant(variantId); */
        /* Example code shows how to handle a swatch */
        /* variant code  */
        var variantButtons = ui.$form.querySelectorAll('#product-variants select');
        variantButtons.forEach(function(variantInput) {
          variantInput.addEventListener('change', function() {
            var variant_Id = ui.apiGetValue(variantInput);
            var variant = ui.logic.apiGetVariantById(variant_Id);
            ui.logic.apiChangeVariant(variant_Id);
          });
        });
        // PDP custom select price update
        setTimeout(() => {
          var variantDropdown = Array.from(document.querySelectorAll('#product-variants .dropdown ul li'));
          variantDropdown.map(function(item) {
            item.addEventListener('click', function() {
              let variantId = this.getAttribute('data-value');
              ui.logic.apiChangeVariant(variantId);
            });
          });
        }, 600)
        /* Handle the plan selectors for each group. In this case, it is a <select> */
        var planSelectors = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plans-select', ui.$form);
        planSelectors.forEach(function(planSelector) {
          planSelector.addEventListener("change", function() {
            ui.logic.apiChangePlan(ui.apiGetValue(planSelector));
          });
        });
        /* Signal possible change in pricing displays when quantity is changed */
        /*
        var qty = ui.$form.querySelector('input[name="quantity"]');
        qty.addEventListener("change", function() {
          ui.logic.apiChangePlan(ui.logic.getCurrentCopy().planId);
        });
        */
      },
      /* Called when Plan (the subscription frequency) is changed. */
      /* Called when One time purchase is selected. */
      uiOnPlanChange: function(ui, currentInfo) {
        if (currentInfo.groupId && currentInfo.planId) {
          /* Ensures the <select> option reflects the change in planId. */
          ui.apiSetValue(ui.apiQuerySelectorDataTag('data-smartrr-selling-plans-select', ui.$form, currentInfo.groupId), currentInfo.planId);
        }
      },
      /* Called when the group (One time purchase / Subscribe & Save) is changed. */
      uiOnGroupChange: function(ui, currentInfo) {
        var grpSelect = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-input', ui.$form);
        var benefit_text = ui.$form.querySelector('.data-smartrr-benefits')
        grpSelect.forEach(function(grp) {
          if (grp.dataset.smartrrSellingPlanGroupId !== "" && grp.checked == true) {
            benefit_text.style.opacity = 1;
          } else {
            benefit_text.style.opacity = 0.3;
          }
        })
        /* Use this to implement active class on Groups */
        /*
        var groupDivs = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-id', ui.$form);
        groupDivs.forEach(function(group) {
          if (currentInfo.groupId === ui.apiGetAttribute(group, 'data-smartrr-selling-plan-group-id')) {
            group.classList.add('smartrr-group-active');
          } else {
            group.classList.remove('smartrr-group-active');
          }
        });
        */
      },
      /* Called when the variant is changed */
      uiOnVariantChange: function(ui, currentInfo) {},
      /* Called when the quantity is retrieved for used in pricing display calculation. */
      uiGetQuantity: function(ui) {
        /* Handle the quantity input on the page here. */
        /* return 1 if you don't want quantity to be considered in pricing display elements */
        /* return ui.apiGetValue(ui.$form.querySelector('input[name="quantity"]')); */
        return 1;
      },
      uiModifyPrice: function(ui, $div, money) {
        /*
        Change price here based on requirements. For example, setting up per case/pound/bag price.
        money.regular: amount that shows up when strike display is chosen. This is the original un-discounted price.
        money.subscribe: the final discounted price or one-time price that shows up in the checkout.
        */
        return money;
      }
    };
    window.initSmartrr && window.initSmartrr("8075133059303");
  </script>
  <div class="addy-btn">
    <h2><span class="price">Price:</span> <span class="home_prod_price">$28.48</span></h2>
    <input type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
  </div>
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="44294734807271" data-title="2 bags" data-price="$28.48" data-unit-price="$1.32 / oz" data-package-breakdown="11 oz / bag"> 2 bags $28.48 </option>
        <option value="44294734840039" data-title="3 bags" data-price="$37.64" data-unit-price="$1.14 / oz" data-package-breakdown="save 7%"> 3 bags $37.64 </option>
        <option value="44294734905575" data-title="4 bags" data-price="$45.87" data-unit-price="$1.04 / oz" data-package-breakdown="save 15%"> 4 bags $45.87 </option>
        <option value="44294734938343" data-title="5 bags" data-price="$53.96" data-unit-price="$.98 / oz" data-package-breakdown="save 20%"> 5 bags $53.96 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="44294734807271" data-display-text="">
              <div class="variant-first-line"><span>2 bags</span><span>$28.48</span></div>
              <div class="variant-second-line"><span>11 oz / bag</span><span>$1.32 / oz</span></div>
            </li>
            <li class="option  " data-value="44294734840039" data-display-text="">
              <div class="variant-first-line"><span>3 bags</span><span>$37.64</span></div>
              <div class="variant-second-line"><span>save 7%</span><span>$1.14 / oz</span></div>
            </li>
            <li class="option  " data-value="44294734905575" data-display-text="">
              <div class="variant-first-line"><span>4 bags</span><span>$45.87</span></div>
              <div class="variant-second-line"><span>save 15%</span><span>$1.04 / oz</span></div>
            </li>
            <li class="option  " data-value="44294734938343" data-display-text="">
              <div class="variant-first-line"><span>5 bags</span><span>$53.96</span></div>
              <div class="variant-second-line"><span>save 20%</span><span>$.98 / oz</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post" data-smartrr-form-id="8077529252071">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <label>Choose Options</label>
      <select id="product-select" name="id">
        <option data-price="$28.48" value="44294734807271" selected="selected">2 bags $28.48</option>
        <option data-price="$37.64" value="44294734840039">3 bags $37.64</option>
        <option data-price="$45.87" value="44294734905575">4 bags $45.87</option>
        <option data-price="$53.96" value="44294734938343">5 bags $53.96</option>
      </select>
    </div><!-- product-variants -->
    <div class="qtydiv">
      <label for="Quantity" class="quantity-selector text-white">Quantity</label>
      <div class="qtybox">
        <span class="btnqty qtyminus icon icon-minus">-</span>
        <input type="text" id="quantity" name="quantity" value="1" min="1" class="quantity-selector quantity-input" readonly="">
        <span class="btnqty qtyplus icon icon-plus">+</span>
      </div>
    </div>
  </div>
  <input type="hidden" name="selling_plan" data-smartrr-selling-plan-input="" value="">
  <div class="hide" data-smartrr-page-load-variant="44294734807271"></div>
  <fieldset class="smartrr-purchase-options" data-smartrr-purchase-options="">
    <div class="smartrr-no-plans-available hide" data-smartrr-no-plans=""> No available purchase options for this selection. </div>
    <div data-smartrr-selling-plan-groups="">
      <div data-smartrr-selling-plan-group-id="" class="smartrr-otp">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="" name="purchase_option" value="">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>one time purchase</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="" class=""></div>
      </div>
      <div data-smartrr-selling-plan-group-id="cf018980ec149ecd6bc19e56da35036f43110a29" class="hide">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="cf018980ec149ecd6bc19e56da35036f43110a29" name="purchase_option" value="cf018980ec149ecd6bc19e56da35036f43110a29">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>subscribe and save 10%!</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="cf018980ec149ecd6bc19e56da35036f43110a29" class="hide">
          <div data-smartrr-selling-plan-group-plans="">
            <div class="smartrr-deliver-frequency">Deliver Every</div>
            <select data-smartrr-selling-plans-select="cf018980ec149ecd6bc19e56da35036f43110a29">
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="580550848">every 1 month</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="595886272">every 2 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3704455399">every 3 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3967385831">every 4 months</option>
            </select>
          </div>
        </div>
        <div class="data-smartrr-benefits" style="opacity: 0.3;">
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">free shipping in the contiguous US</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">no commitment, cancel anytime</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">save on every order</span></div>
        </div>
      </div>
    </div>
  </fieldset>
  <script>
    if (typeof window.smartrrProductList === 'undefined') {
      window.smartrrProductList = {};
    }
    window.smartrrProductList["8077529252071"] = {
      uniqueId: "8077529252071",
      ui: undefined,
      logic: undefined,
      appId: "4836205",
      hiddenGroup: "[hidden]",
      formTag: "data-smartrr-form-id",
      product: {
        "id": 8077529252071,
        "title": "peanut gems - value bags",
        "handle": "dark-chocolate-peanut-gems-value-size-bags",
        "description": "\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eA crunch of peanut covered in smooth, dark chocolate! Our Vegan Dark Chocolate Peanut Gems are a unique and delicious snack that's as poppable as it is portable. Made with non-GMO project verified ingredients that are naturally colored with vegetable extracts and nothing artificial, the taste may be UNREAL, but we can assure you the ingredients are all-real!\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eEach 13 oz bag contains 12 servings of gems. \u003c\/p\u003e",
        "published_at": "2022-10-31T16:23:50-04:00",
        "created_at": "2022-08-12T16:59:10-04:00",
        "vendor": "UNREAL",
        "type": "",
        "tags": ["blue", "fair trade", "gluten-free", "kosher", "non-gmo", "vegan"],
        "price": 2848,
        "price_min": 2848,
        "price_max": 5396,
        "available": true,
        "price_varies": true,
        "compare_at_price": null,
        "compare_at_price_min": 0,
        "compare_at_price_max": 0,
        "compare_at_price_varies": false,
        "variants": [{
          "id": 44294734807271,
          "title": "2 bags",
          "option1": "2 bags",
          "option2": null,
          "option3": null,
          "sku": "6021-2",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "peanut gems - value bags - 2 bags",
          "public_title": "2 bags",
          "options": ["2 bags"],
          "price": 2848,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": []
        }, {
          "id": 44294734840039,
          "title": "3 bags",
          "option1": "3 bags",
          "option2": null,
          "option3": null,
          "sku": "6021-3",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "peanut gems - value bags - 3 bags",
          "public_title": "3 bags",
          "options": ["3 bags"],
          "price": 3764,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 3388
            }],
            "price": 3388,
            "compare_at_price": 3764,
            "per_delivery_price": 3388,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3388
            }],
            "price": 3388,
            "compare_at_price": 3764,
            "per_delivery_price": 3388,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3388
            }],
            "price": 3388,
            "compare_at_price": 3764,
            "per_delivery_price": 3388,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3388
            }],
            "price": 3388,
            "compare_at_price": 3764,
            "per_delivery_price": 3388,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }, {
          "id": 44294734905575,
          "title": "4 bags",
          "option1": "4 bags",
          "option2": null,
          "option3": null,
          "sku": "6021-4",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "peanut gems - value bags - 4 bags",
          "public_title": "4 bags",
          "options": ["4 bags"],
          "price": 4587,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 4128
            }],
            "price": 4128,
            "compare_at_price": 4587,
            "per_delivery_price": 4128,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4128
            }],
            "price": 4128,
            "compare_at_price": 4587,
            "per_delivery_price": 4128,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4128
            }],
            "price": 4128,
            "compare_at_price": 4587,
            "per_delivery_price": 4128,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4128
            }],
            "price": 4128,
            "compare_at_price": 4587,
            "per_delivery_price": 4128,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }, {
          "id": 44294734938343,
          "title": "5 bags",
          "option1": "5 bags",
          "option2": null,
          "option3": null,
          "sku": "6021-5",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "peanut gems - value bags - 5 bags",
          "public_title": "5 bags",
          "options": ["5 bags"],
          "price": 5396,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 4856
            }],
            "price": 4856,
            "compare_at_price": 5396,
            "per_delivery_price": 4856,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4856
            }],
            "price": 4856,
            "compare_at_price": 5396,
            "per_delivery_price": 4856,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4856
            }],
            "price": 4856,
            "compare_at_price": 5396,
            "per_delivery_price": 4856,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4856
            }],
            "price": 4856,
            "compare_at_price": 5396,
            "per_delivery_price": 4856,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }],
        "images": ["\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/37.png?v=1667398141", "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/6021-BOP_1.png?v=1667398141",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PeanutGems_Thumbnail3_ef8901fb-436d-4274-870b-13fda2981211.png?v=1667398141",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PeanutGems_Thumbnail5_18e748d0-b09c-408b-a877-86c53625fa77.png?v=1667398141",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/221_Studio_3.jpg?v=1676473205"
        ],
        "featured_image": "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/37.png?v=1667398141",
        "options": ["Size"],
        "media": [{
          "alt": null,
          "id": 32072244232423,
          "position": 1,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1200,
            "width": 1200,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/37.png?v=1667398141"
          },
          "aspect_ratio": 1.0,
          "height": 1200,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/37.png?v=1667398141",
          "width": 1200
        }, {
          "alt": null,
          "id": 32072247050471,
          "position": 2,
          "preview_image": {
            "aspect_ratio": 0.848,
            "height": 2786,
            "width": 2362,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/6021-BOP_1.png?v=1667398141"
          },
          "aspect_ratio": 0.848,
          "height": 2786,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/6021-BOP_1.png?v=1667398141",
          "width": 2362
        }, {
          "alt": null,
          "id": 31330912207079,
          "position": 3,
          "preview_image": {
            "aspect_ratio": 1.001,
            "height": 1499,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PeanutGems_Thumbnail3_ef8901fb-436d-4274-870b-13fda2981211.png?v=1667398141"
          },
          "aspect_ratio": 1.001,
          "height": 1499,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PeanutGems_Thumbnail3_ef8901fb-436d-4274-870b-13fda2981211.png?v=1667398141",
          "width": 1500
        }, {
          "alt": null,
          "id": 31330912239847,
          "position": 4,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PeanutGems_Thumbnail5_18e748d0-b09c-408b-a877-86c53625fa77.png?v=1667398141"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PeanutGems_Thumbnail5_18e748d0-b09c-408b-a877-86c53625fa77.png?v=1667398141",
          "width": 1500
        }, {
          "alt": null,
          "id": 32827760083175,
          "position": 5,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 778,
            "width": 778,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/221_Studio_3.jpg?v=1676473205"
          },
          "aspect_ratio": 1.0,
          "height": 778,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/221_Studio_3.jpg?v=1676473205",
          "width": 778
        }],
        "requires_selling_plan": false,
        "selling_plan_groups": [{
          "id": "cf018980ec149ecd6bc19e56da35036f43110a29",
          "name": "subscribe and save",
          "options": [{
            "name": "subscribe and save",
            "position": 1,
            "values": ["every 1 month", "every 2 months", "every 3 months", "every 4 months"]
          }],
          "selling_plans": [{
            "id": 580550848,
            "name": "delivered every 1 month",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 1 month"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 595886272,
            "name": "delivered every 2 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 2 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3704455399,
            "name": "delivered every 3 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 3 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3967385831,
            "name": "delivered every 4 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 4 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }],
          "app_id": "4836205"
        }],
        "content": "\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eA crunch of peanut covered in smooth, dark chocolate! Our Vegan Dark Chocolate Peanut Gems are a unique and delicious snack that's as poppable as it is portable. Made with non-GMO project verified ingredients that are naturally colored with vegetable extracts and nothing artificial, the taste may be UNREAL, but we can assure you the ingredients are all-real!\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eEach 13 oz bag contains 12 servings of gems. \u003c\/p\u003e"
      },
      /* Called at DOMContentLoaded when initSmartrr creates the UI and Logic Modules */
      /* Used to inform the Modules of changes in Variants and Plans */
      uiImplementDetectChange: function(ui) {
        /* Inform the Logic handler about the variant selected when the page loads. */
        var variantId = ui.apiGetAttribute(ui.apiQuerySelectorDataTag('data-smartrr-page-load-variant', ui.$form), 'data-smartrr-page-load-variant');
        ui.logic.apiChangeVariant(variantId);
        /* Handle the variant selector on the page here. */
        /* Get the variant selector/buttons. On change/click, get the variant id and call ui.logic.apiChangeVariant(variantId); */
        /* Example code shows how to handle a swatch */
        /* variant code  */
        var variantButtons = ui.$form.querySelectorAll('#product-variants select');
        variantButtons.forEach(function(variantInput) {
          variantInput.addEventListener('change', function() {
            var variant_Id = ui.apiGetValue(variantInput);
            var variant = ui.logic.apiGetVariantById(variant_Id);
            ui.logic.apiChangeVariant(variant_Id);
          });
        });
        // PDP custom select price update
        setTimeout(() => {
          var variantDropdown = Array.from(document.querySelectorAll('#product-variants .dropdown ul li'));
          variantDropdown.map(function(item) {
            item.addEventListener('click', function() {
              let variantId = this.getAttribute('data-value');
              ui.logic.apiChangeVariant(variantId);
            });
          });
        }, 600)
        /* Handle the plan selectors for each group. In this case, it is a <select> */
        var planSelectors = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plans-select', ui.$form);
        planSelectors.forEach(function(planSelector) {
          planSelector.addEventListener("change", function() {
            ui.logic.apiChangePlan(ui.apiGetValue(planSelector));
          });
        });
        /* Signal possible change in pricing displays when quantity is changed */
        /*
        var qty = ui.$form.querySelector('input[name="quantity"]');
        qty.addEventListener("change", function() {
          ui.logic.apiChangePlan(ui.logic.getCurrentCopy().planId);
        });
        */
      },
      /* Called when Plan (the subscription frequency) is changed. */
      /* Called when One time purchase is selected. */
      uiOnPlanChange: function(ui, currentInfo) {
        if (currentInfo.groupId && currentInfo.planId) {
          /* Ensures the <select> option reflects the change in planId. */
          ui.apiSetValue(ui.apiQuerySelectorDataTag('data-smartrr-selling-plans-select', ui.$form, currentInfo.groupId), currentInfo.planId);
        }
      },
      /* Called when the group (One time purchase / Subscribe & Save) is changed. */
      uiOnGroupChange: function(ui, currentInfo) {
        var grpSelect = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-input', ui.$form);
        var benefit_text = ui.$form.querySelector('.data-smartrr-benefits')
        grpSelect.forEach(function(grp) {
          if (grp.dataset.smartrrSellingPlanGroupId !== "" && grp.checked == true) {
            benefit_text.style.opacity = 1;
          } else {
            benefit_text.style.opacity = 0.3;
          }
        })
        /* Use this to implement active class on Groups */
        /*
        var groupDivs = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-id', ui.$form);
        groupDivs.forEach(function(group) {
          if (currentInfo.groupId === ui.apiGetAttribute(group, 'data-smartrr-selling-plan-group-id')) {
            group.classList.add('smartrr-group-active');
          } else {
            group.classList.remove('smartrr-group-active');
          }
        });
        */
      },
      /* Called when the variant is changed */
      uiOnVariantChange: function(ui, currentInfo) {},
      /* Called when the quantity is retrieved for used in pricing display calculation. */
      uiGetQuantity: function(ui) {
        /* Handle the quantity input on the page here. */
        /* return 1 if you don't want quantity to be considered in pricing display elements */
        /* return ui.apiGetValue(ui.$form.querySelector('input[name="quantity"]')); */
        return 1;
      },
      uiModifyPrice: function(ui, $div, money) {
        /*
        Change price here based on requirements. For example, setting up per case/pound/bag price.
        money.regular: amount that shows up when strike display is chosen. This is the original un-discounted price.
        money.subscribe: the final discounted price or one-time price that shows up in the checkout.
        */
        return money;
      }
    };
    window.initSmartrr && window.initSmartrr("8077529252071");
  </script>
  <div class="addy-btn">
    <h2><span class="price">Price:</span> <span class="home_prod_price">$28.48</span></h2>
    <input type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
  </div>
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="44283754479847" data-title="2 bags" data-price="$28.48" data-unit-price="$1.92 / oz" data-package-breakdown="7.4 oz / bag"> 2 bags $28.48 </option>
        <option value="44283754512615" data-title="3 bags" data-price="$41.82" data-unit-price="$1.88 / oz" data-package-breakdown="save 7%"> 3 bags $41.82 </option>
        <option value="44283754545383" data-title="4 bags" data-price="$50.97" data-unit-price="$1.72 / oz" data-package-breakdown="save 15%"> 4 bags $50.97 </option>
        <option value="44283754578151" data-title="5 bags" data-price="$59.96" data-unit-price="$1.62 / oz" data-package-breakdown="save 20%"> 5 bags $59.96 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="44283754479847" data-display-text="">
              <div class="variant-first-line"><span>2 bags</span><span>$28.48</span></div>
              <div class="variant-second-line"><span>7.4 oz / bag</span><span>$1.92 / oz</span></div>
            </li>
            <li class="option  " data-value="44283754512615" data-display-text="">
              <div class="variant-first-line"><span>3 bags</span><span>$41.82</span></div>
              <div class="variant-second-line"><span>save 7%</span><span>$1.88 / oz</span></div>
            </li>
            <li class="option  " data-value="44283754545383" data-display-text="">
              <div class="variant-first-line"><span>4 bags</span><span>$50.97</span></div>
              <div class="variant-second-line"><span>save 15%</span><span>$1.72 / oz</span></div>
            </li>
            <li class="option  " data-value="44283754578151" data-display-text="">
              <div class="variant-first-line"><span>5 bags</span><span>$59.96</span></div>
              <div class="variant-second-line"><span>save 20%</span><span>$1.62 / oz</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post" data-smartrr-form-id="8074999890151">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <label>Choose Options</label>
      <select id="product-select" name="id">
        <option data-price="$28.48" value="44283754479847" selected="selected">2 bags $28.48</option>
        <option data-price="$41.82" value="44283754512615">3 bags $41.82</option>
        <option data-price="$50.97" value="44283754545383">4 bags $50.97</option>
        <option data-price="$59.96" value="44283754578151">5 bags $59.96</option>
      </select>
    </div><!-- product-variants -->
    <div class="qtydiv">
      <label for="Quantity" class="quantity-selector text-white">Quantity</label>
      <div class="qtybox">
        <span class="btnqty qtyminus icon icon-minus">-</span>
        <input type="text" id="quantity" name="quantity" value="1" min="1" class="quantity-selector quantity-input" readonly="">
        <span class="btnqty qtyplus icon icon-plus">+</span>
      </div>
    </div>
  </div>
  <input type="hidden" name="selling_plan" data-smartrr-selling-plan-input="" value="">
  <div class="hide" data-smartrr-page-load-variant="44283754479847"></div>
  <fieldset class="smartrr-purchase-options" data-smartrr-purchase-options="">
    <div class="smartrr-no-plans-available hide" data-smartrr-no-plans=""> No available purchase options for this selection. </div>
    <div data-smartrr-selling-plan-groups="">
      <div data-smartrr-selling-plan-group-id="" class="smartrr-otp">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="" name="purchase_option" value="">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>one time purchase</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="" class=""></div>
      </div>
      <div data-smartrr-selling-plan-group-id="cf018980ec149ecd6bc19e56da35036f43110a29">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="cf018980ec149ecd6bc19e56da35036f43110a29" name="purchase_option" value="cf018980ec149ecd6bc19e56da35036f43110a29">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>subscribe and save 10%!</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="cf018980ec149ecd6bc19e56da35036f43110a29" class="hide">
          <div data-smartrr-selling-plan-group-plans="">
            <div class="smartrr-deliver-frequency">Deliver Every</div>
            <select data-smartrr-selling-plans-select="cf018980ec149ecd6bc19e56da35036f43110a29">
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="580550848">every 1 month</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="595886272">every 2 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3704455399">every 3 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3967385831">every 4 months</option>
            </select>
          </div>
        </div>
        <div class="data-smartrr-benefits" style="opacity: 0.3;">
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">free shipping in the contiguous US</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">no commitment, cancel anytime</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">save on every order</span></div>
        </div>
      </div>
    </div>
  </fieldset>
  <script>
    if (typeof window.smartrrProductList === 'undefined') {
      window.smartrrProductList = {};
    }
    window.smartrrProductList["8074999890151"] = {
      uniqueId: "8074999890151",
      ui: undefined,
      logic: undefined,
      appId: "4836205",
      hiddenGroup: "[hidden]",
      formTag: "data-smartrr-form-id",
      product: {
        "id": 8074999890151,
        "title": "almond butter cups - value bags",
        "handle": "dark-chocolate-almond-butter-cups-value-size-bags",
        "description": "\u003cp data-mce-fragment=\"1\"\u003eOur almond butter cups use 36% less sugar than the leading brand! We keep sugar to a minimum, without using sugar alcohols, like erythritol, stevia or artificial sweeteners. No soy ingredients, no artificial flavors, no preservatives or fillers here. Just the best, quality ingredients that put flavor first. \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eEach 7.4 oz bag contains 14\u003cspan data-mce-fragment=\"1\"\u003e individually wrapped almond butter cups. \u003c\/span\u003e\u003c\/p\u003e",
        "published_at": "2022-08-26T17:04:31-04:00",
        "created_at": "2022-08-11T15:43:17-04:00",
        "vendor": "UNREAL",
        "type": "",
        "tags": ["cups", "fair trade", "gluten-free", "kosher", "non-gmo", "vegan", "violet"],
        "price": 2848,
        "price_min": 2848,
        "price_max": 5996,
        "available": true,
        "price_varies": true,
        "compare_at_price": null,
        "compare_at_price_min": 0,
        "compare_at_price_max": 0,
        "compare_at_price_varies": false,
        "variants": [{
          "id": 44283754479847,
          "title": "2 bags",
          "option1": "2 bags",
          "option2": null,
          "option3": null,
          "sku": "6005-2",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "almond butter cups - value bags - 2 bags",
          "public_title": "2 bags",
          "options": ["2 bags"],
          "price": 2848,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 2563
            }],
            "price": 2563,
            "compare_at_price": 2848,
            "per_delivery_price": 2563,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 2563
            }],
            "price": 2563,
            "compare_at_price": 2848,
            "per_delivery_price": 2563,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 2563
            }],
            "price": 2563,
            "compare_at_price": 2848,
            "per_delivery_price": 2563,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 2563
            }],
            "price": 2563,
            "compare_at_price": 2848,
            "per_delivery_price": 2563,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }, {
          "id": 44283754512615,
          "title": "3 bags",
          "option1": "3 bags",
          "option2": null,
          "option3": null,
          "sku": "6005-3",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "almond butter cups - value bags - 3 bags",
          "public_title": "3 bags",
          "options": ["3 bags"],
          "price": 4182,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }, {
          "id": 44283754545383,
          "title": "4 bags",
          "option1": "4 bags",
          "option2": null,
          "option3": null,
          "sku": "6005-4",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "almond butter cups - value bags - 4 bags",
          "public_title": "4 bags",
          "options": ["4 bags"],
          "price": 5097,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }, {
          "id": 44283754578151,
          "title": "5 bags",
          "option1": "5 bags",
          "option2": null,
          "option3": null,
          "sku": "6005-5",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "almond butter cups - value bags - 5 bags",
          "public_title": "5 bags",
          "options": ["5 bags"],
          "price": 5996,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }],
        "images": ["\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/35.png?v=1667397386",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/UNREAL__119C_FamilySize_PDP_ABCups_b4d7176a-5ca9-4bc0-92e6-f0f986743ff4.png?v=1667397386",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_225_Thumbnail3_9af68aea-f231-4343-b70b-cf75248b017e.png?v=1667397386",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_225_Thumbnail5_232b7b39-9ef4-4674-b77f-b217dd416885.png?v=1667397386", "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/cups10.png?v=1676472770"
        ],
        "featured_image": "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/35.png?v=1667397386",
        "options": ["Color"],
        "media": [{
          "alt": null,
          "id": 32072109293799,
          "position": 1,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1200,
            "width": 1200,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/35.png?v=1667397386"
          },
          "aspect_ratio": 1.0,
          "height": 1200,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/35.png?v=1667397386",
          "width": 1200
        }, {
          "alt": null,
          "id": 31323309736167,
          "position": 2,
          "preview_image": {
            "aspect_ratio": 0.703,
            "height": 4167,
            "width": 2930,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/UNREAL__119C_FamilySize_PDP_ABCups_b4d7176a-5ca9-4bc0-92e6-f0f986743ff4.png?v=1667397386"
          },
          "aspect_ratio": 0.703,
          "height": 4167,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/UNREAL__119C_FamilySize_PDP_ABCups_b4d7176a-5ca9-4bc0-92e6-f0f986743ff4.png?v=1667397386",
          "width": 2930
        }, {
          "alt": null,
          "id": 31323309768935,
          "position": 3,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_225_Thumbnail3_9af68aea-f231-4343-b70b-cf75248b017e.png?v=1667397386"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_225_Thumbnail3_9af68aea-f231-4343-b70b-cf75248b017e.png?v=1667397386",
          "width": 1500
        }, {
          "alt": null,
          "id": 31323309801703,
          "position": 4,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_225_Thumbnail5_232b7b39-9ef4-4674-b77f-b217dd416885.png?v=1667397386"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_225_Thumbnail5_232b7b39-9ef4-4674-b77f-b217dd416885.png?v=1667397386",
          "width": 1500
        }, {
          "alt": null,
          "id": 32827724267751,
          "position": 5,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 4000,
            "width": 4000,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/cups10.png?v=1676472770"
          },
          "aspect_ratio": 1.0,
          "height": 4000,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/cups10.png?v=1676472770",
          "width": 4000
        }],
        "requires_selling_plan": false,
        "selling_plan_groups": [{
          "id": "cf018980ec149ecd6bc19e56da35036f43110a29",
          "name": "subscribe and save",
          "options": [{
            "name": "subscribe and save",
            "position": 1,
            "values": ["every 1 month", "every 2 months", "every 3 months", "every 4 months"]
          }],
          "selling_plans": [{
            "id": 580550848,
            "name": "delivered every 1 month",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 1 month"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 595886272,
            "name": "delivered every 2 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 2 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3704455399,
            "name": "delivered every 3 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 3 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3967385831,
            "name": "delivered every 4 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 4 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }],
          "app_id": "4836205"
        }],
        "content": "\u003cp data-mce-fragment=\"1\"\u003eOur almond butter cups use 36% less sugar than the leading brand! We keep sugar to a minimum, without using sugar alcohols, like erythritol, stevia or artificial sweeteners. No soy ingredients, no artificial flavors, no preservatives or fillers here. Just the best, quality ingredients that put flavor first. \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eEach 7.4 oz bag contains 14\u003cspan data-mce-fragment=\"1\"\u003e individually wrapped almond butter cups. \u003c\/span\u003e\u003c\/p\u003e"
      },
      /* Called at DOMContentLoaded when initSmartrr creates the UI and Logic Modules */
      /* Used to inform the Modules of changes in Variants and Plans */
      uiImplementDetectChange: function(ui) {
        /* Inform the Logic handler about the variant selected when the page loads. */
        var variantId = ui.apiGetAttribute(ui.apiQuerySelectorDataTag('data-smartrr-page-load-variant', ui.$form), 'data-smartrr-page-load-variant');
        ui.logic.apiChangeVariant(variantId);
        /* Handle the variant selector on the page here. */
        /* Get the variant selector/buttons. On change/click, get the variant id and call ui.logic.apiChangeVariant(variantId); */
        /* Example code shows how to handle a swatch */
        /* variant code  */
        var variantButtons = ui.$form.querySelectorAll('#product-variants select');
        variantButtons.forEach(function(variantInput) {
          variantInput.addEventListener('change', function() {
            var variant_Id = ui.apiGetValue(variantInput);
            var variant = ui.logic.apiGetVariantById(variant_Id);
            ui.logic.apiChangeVariant(variant_Id);
          });
        });
        // PDP custom select price update
        setTimeout(() => {
          var variantDropdown = Array.from(document.querySelectorAll('#product-variants .dropdown ul li'));
          variantDropdown.map(function(item) {
            item.addEventListener('click', function() {
              let variantId = this.getAttribute('data-value');
              ui.logic.apiChangeVariant(variantId);
            });
          });
        }, 600)
        /* Handle the plan selectors for each group. In this case, it is a <select> */
        var planSelectors = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plans-select', ui.$form);
        planSelectors.forEach(function(planSelector) {
          planSelector.addEventListener("change", function() {
            ui.logic.apiChangePlan(ui.apiGetValue(planSelector));
          });
        });
        /* Signal possible change in pricing displays when quantity is changed */
        /*
        var qty = ui.$form.querySelector('input[name="quantity"]');
        qty.addEventListener("change", function() {
          ui.logic.apiChangePlan(ui.logic.getCurrentCopy().planId);
        });
        */
      },
      /* Called when Plan (the subscription frequency) is changed. */
      /* Called when One time purchase is selected. */
      uiOnPlanChange: function(ui, currentInfo) {
        if (currentInfo.groupId && currentInfo.planId) {
          /* Ensures the <select> option reflects the change in planId. */
          ui.apiSetValue(ui.apiQuerySelectorDataTag('data-smartrr-selling-plans-select', ui.$form, currentInfo.groupId), currentInfo.planId);
        }
      },
      /* Called when the group (One time purchase / Subscribe & Save) is changed. */
      uiOnGroupChange: function(ui, currentInfo) {
        var grpSelect = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-input', ui.$form);
        var benefit_text = ui.$form.querySelector('.data-smartrr-benefits')
        grpSelect.forEach(function(grp) {
          if (grp.dataset.smartrrSellingPlanGroupId !== "" && grp.checked == true) {
            benefit_text.style.opacity = 1;
          } else {
            benefit_text.style.opacity = 0.3;
          }
        })
        /* Use this to implement active class on Groups */
        /*
        var groupDivs = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-id', ui.$form);
        groupDivs.forEach(function(group) {
          if (currentInfo.groupId === ui.apiGetAttribute(group, 'data-smartrr-selling-plan-group-id')) {
            group.classList.add('smartrr-group-active');
          } else {
            group.classList.remove('smartrr-group-active');
          }
        });
        */
      },
      /* Called when the variant is changed */
      uiOnVariantChange: function(ui, currentInfo) {},
      /* Called when the quantity is retrieved for used in pricing display calculation. */
      uiGetQuantity: function(ui) {
        /* Handle the quantity input on the page here. */
        /* return 1 if you don't want quantity to be considered in pricing display elements */
        /* return ui.apiGetValue(ui.$form.querySelector('input[name="quantity"]')); */
        return 1;
      },
      uiModifyPrice: function(ui, $div, money) {
        /*
        Change price here based on requirements. For example, setting up per case/pound/bag price.
        money.regular: amount that shows up when strike display is chosen. This is the original un-discounted price.
        money.subscribe: the final discounted price or one-time price that shows up in the checkout.
        */
        return money;
      }
    };
    window.initSmartrr && window.initSmartrr("8074999890151");
  </script>
  <div class="addy-btn">
    <h2><span class="price">Price:</span> <span class="home_prod_price">$28.48</span></h2>
    <input type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
  </div>
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="45222305071335" data-title="2 bags" data-price="$28.48" data-unit-price="$1.29 / oz" data-package-breakdown="11 oz / bag"> 2 bags $28.48 </option>
        <option value="45222305104103" data-title="3 bags" data-price="$41.82" data-unit-price="$1.14 / oz" data-package-breakdown="save 7%"> 3 bags $41.82 </option>
        <option value="45222305136871" data-title="4 bags" data-price="$50.97" data-unit-price="$1.04 / oz" data-package-breakdown="save 15%"> 4 bags $50.97 </option>
        <option value="45222305169639" data-title="5 bags" data-price="$59.96" data-unit-price="$0.98 / oz" data-package-breakdown="save 20%"> 5 bags $59.96 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="45222305071335" data-display-text="">
              <div class="variant-first-line"><span>2 bags</span><span>$28.48</span></div>
              <div class="variant-second-line"><span>11 oz / bag</span><span>$1.29 / oz</span></div>
            </li>
            <li class="option  " data-value="45222305104103" data-display-text="">
              <div class="variant-first-line"><span>3 bags</span><span>$41.82</span></div>
              <div class="variant-second-line"><span>save 7%</span><span>$1.14 / oz</span></div>
            </li>
            <li class="option  " data-value="45222305136871" data-display-text="">
              <div class="variant-first-line"><span>4 bags</span><span>$50.97</span></div>
              <div class="variant-second-line"><span>save 15%</span><span>$1.04 / oz</span></div>
            </li>
            <li class="option  " data-value="45222305169639" data-display-text="">
              <div class="variant-first-line"><span>5 bags</span><span>$59.96</span></div>
              <div class="variant-second-line"><span>save 20%</span><span>$0.98 / oz</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post" data-smartrr-form-id="8242170495207">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <label>Choose Options</label>
      <select id="product-select" name="id">
        <option data-price="$28.48" value="45222305071335" selected="selected">2 bags $28.48</option>
        <option data-price="$41.82" value="45222305104103">3 bags $41.82</option>
        <option data-price="$50.97" value="45222305136871">4 bags $50.97</option>
        <option data-price="$59.96" value="45222305169639">5 bags $59.96</option>
      </select>
    </div><!-- product-variants -->
    <div class="qtydiv">
      <label for="Quantity" class="quantity-selector text-white">Quantity</label>
      <div class="qtybox">
        <span class="btnqty qtyminus icon icon-minus">-</span>
        <input type="text" id="quantity" name="quantity" value="1" min="1" class="quantity-selector quantity-input" readonly="">
        <span class="btnqty qtyplus icon icon-plus">+</span>
      </div>
    </div>
  </div>
  <input type="hidden" name="selling_plan" data-smartrr-selling-plan-input="" value="">
  <div class="hide" data-smartrr-page-load-variant="45222305071335"></div>
  <fieldset class="smartrr-purchase-options" data-smartrr-purchase-options="">
    <div class="smartrr-no-plans-available hide" data-smartrr-no-plans=""> No available purchase options for this selection. </div>
    <div data-smartrr-selling-plan-groups="">
      <div data-smartrr-selling-plan-group-id="" class="smartrr-otp">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="" name="purchase_option" value="">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>one time purchase</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="" class=""></div>
      </div>
      <div data-smartrr-selling-plan-group-id="cf018980ec149ecd6bc19e56da35036f43110a29" class="hide">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="cf018980ec149ecd6bc19e56da35036f43110a29" name="purchase_option" value="cf018980ec149ecd6bc19e56da35036f43110a29">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>subscribe and save 10%!</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="cf018980ec149ecd6bc19e56da35036f43110a29" class="hide">
          <div data-smartrr-selling-plan-group-plans="">
            <div class="smartrr-deliver-frequency">Deliver Every</div>
            <select data-smartrr-selling-plans-select="cf018980ec149ecd6bc19e56da35036f43110a29">
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="580550848">every 1 month</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="595886272">every 2 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3704455399">every 3 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3967385831">every 4 months</option>
            </select>
          </div>
        </div>
        <div class="data-smartrr-benefits" style="opacity: 0.3;">
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">free shipping in the contiguous US</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">no commitment, cancel anytime</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">save on every order</span></div>
        </div>
      </div>
    </div>
  </fieldset>
  <script>
    if (typeof window.smartrrProductList === 'undefined') {
      window.smartrrProductList = {};
    }
    window.smartrrProductList["8242170495207"] = {
      uniqueId: "8242170495207",
      ui: undefined,
      logic: undefined,
      appId: "4836205",
      hiddenGroup: "[hidden]",
      formTag: "data-smartrr-form-id",
      product: {
        "id": 8242170495207,
        "title": "milk chocolate gems - value bags",
        "handle": "milk-chocolate-gems-value-bags",
        "description": "\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eOur milk chocolate gems are made for sharing! These resealable bags each contain 11 oz of gems\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e colored by nature. We only use colors from all-natural veggies such as spirulina and beets, and we never use titanium dioxide as a processing agent.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eOur milk chocolates gems use RBST-free dairy, are free of soy ingredients and are made in small batches with fair trade certified ingredients. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eNothing artificial here, just the best, quality ingredients that put flavor first.\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e Each resealable\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003ebag contains 11 oz of milk chocolate gems.\u003c\/p\u003e",
        "published_at": "2022-11-09T14:01:18-05:00",
        "created_at": "2022-11-03T14:04:36-04:00",
        "vendor": "UNREAL",
        "type": "",
        "tags": ["fair trade", "gluten-free", "kosher", "non-gmo", "pink"],
        "price": 2848,
        "price_min": 2848,
        "price_max": 5996,
        "available": true,
        "price_varies": true,
        "compare_at_price": null,
        "compare_at_price_min": 0,
        "compare_at_price_max": 0,
        "compare_at_price_varies": false,
        "variants": [{
          "id": 45222305071335,
          "title": "2 bags",
          "option1": "2 bags",
          "option2": null,
          "option3": null,
          "sku": "6020-2",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "milk chocolate gems - value bags - 2 bags",
          "public_title": "2 bags",
          "options": ["2 bags"],
          "price": 2848,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": []
        }, {
          "id": 45222305104103,
          "title": "3 bags",
          "option1": "3 bags",
          "option2": null,
          "option3": null,
          "sku": "6020-3",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "milk chocolate gems - value bags - 3 bags",
          "public_title": "3 bags",
          "options": ["3 bags"],
          "price": 4182,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }, {
          "id": 45222305136871,
          "title": "4 bags",
          "option1": "4 bags",
          "option2": null,
          "option3": null,
          "sku": "6020-4",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "milk chocolate gems - value bags - 4 bags",
          "public_title": "4 bags",
          "options": ["4 bags"],
          "price": 5097,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }, {
          "id": 45222305169639,
          "title": "5 bags",
          "option1": "5 bags",
          "option2": null,
          "option3": null,
          "sku": "6020-5",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "milk chocolate gems - value bags - 5 bags",
          "public_title": "5 bags",
          "options": ["5 bags"],
          "price": 5996,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }],
        "images": ["\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/38_6b50dc5c-f0e4-4674-98f8-ebf1668269c0.png?v=1667498678", "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/6020-BOP.png?v=1667498679",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_MilkGems_Thumbnail3_bef7be7e-8f12-4c2e-9a77-447bf8c2e267.png?v=1667498679",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_MilkGems_Thumbnail5_fcc44b2d-73c8-4c6e-a4ed-a00106a717fd.png?v=1667498679",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/220_LST_4_1.jpg?v=1676473146"
        ],
        "featured_image": "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/38_6b50dc5c-f0e4-4674-98f8-ebf1668269c0.png?v=1667498678",
        "options": ["Size"],
        "media": [{
          "alt": null,
          "id": 32083382501607,
          "position": 1,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1200,
            "width": 1200,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/38_6b50dc5c-f0e4-4674-98f8-ebf1668269c0.png?v=1667498678"
          },
          "aspect_ratio": 1.0,
          "height": 1200,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/38_6b50dc5c-f0e4-4674-98f8-ebf1668269c0.png?v=1667498678",
          "width": 1200
        }, {
          "alt": null,
          "id": 32083382534375,
          "position": 2,
          "preview_image": {
            "aspect_ratio": 0.848,
            "height": 2786,
            "width": 2362,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/6020-BOP.png?v=1667498679"
          },
          "aspect_ratio": 0.848,
          "height": 2786,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/6020-BOP.png?v=1667498679",
          "width": 2362
        }, {
          "alt": null,
          "id": 32083382567143,
          "position": 3,
          "preview_image": {
            "aspect_ratio": 1.001,
            "height": 1499,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_MilkGems_Thumbnail3_bef7be7e-8f12-4c2e-9a77-447bf8c2e267.png?v=1667498679"
          },
          "aspect_ratio": 1.001,
          "height": 1499,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_MilkGems_Thumbnail3_bef7be7e-8f12-4c2e-9a77-447bf8c2e267.png?v=1667498679",
          "width": 1500
        }, {
          "alt": null,
          "id": 32083382599911,
          "position": 4,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_MilkGems_Thumbnail5_fcc44b2d-73c8-4c6e-a4ed-a00106a717fd.png?v=1667498679"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_MilkGems_Thumbnail5_fcc44b2d-73c8-4c6e-a4ed-a00106a717fd.png?v=1667498679",
          "width": 1500
        }, {
          "alt": null,
          "id": 32827754643687,
          "position": 5,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 3024,
            "width": 3024,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/220_LST_4_1.jpg?v=1676473146"
          },
          "aspect_ratio": 1.0,
          "height": 3024,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/220_LST_4_1.jpg?v=1676473146",
          "width": 3024
        }],
        "requires_selling_plan": false,
        "selling_plan_groups": [{
          "id": "cf018980ec149ecd6bc19e56da35036f43110a29",
          "name": "subscribe and save",
          "options": [{
            "name": "subscribe and save",
            "position": 1,
            "values": ["every 1 month", "every 2 months", "every 3 months", "every 4 months"]
          }],
          "selling_plans": [{
            "id": 580550848,
            "name": "delivered every 1 month",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 1 month"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 595886272,
            "name": "delivered every 2 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 2 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3704455399,
            "name": "delivered every 3 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 3 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3967385831,
            "name": "delivered every 4 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 4 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }],
          "app_id": "4836205"
        }],
        "content": "\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eOur milk chocolate gems are made for sharing! These resealable bags each contain 11 oz of gems\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e colored by nature. We only use colors from all-natural veggies such as spirulina and beets, and we never use titanium dioxide as a processing agent.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eOur milk chocolates gems use RBST-free dairy, are free of soy ingredients and are made in small batches with fair trade certified ingredients. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eNothing artificial here, just the best, quality ingredients that put flavor first.\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e Each resealable\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003ebag contains 11 oz of milk chocolate gems.\u003c\/p\u003e"
      },
      /* Called at DOMContentLoaded when initSmartrr creates the UI and Logic Modules */
      /* Used to inform the Modules of changes in Variants and Plans */
      uiImplementDetectChange: function(ui) {
        /* Inform the Logic handler about the variant selected when the page loads. */
        var variantId = ui.apiGetAttribute(ui.apiQuerySelectorDataTag('data-smartrr-page-load-variant', ui.$form), 'data-smartrr-page-load-variant');
        ui.logic.apiChangeVariant(variantId);
        /* Handle the variant selector on the page here. */
        /* Get the variant selector/buttons. On change/click, get the variant id and call ui.logic.apiChangeVariant(variantId); */
        /* Example code shows how to handle a swatch */
        /* variant code  */
        var variantButtons = ui.$form.querySelectorAll('#product-variants select');
        variantButtons.forEach(function(variantInput) {
          variantInput.addEventListener('change', function() {
            var variant_Id = ui.apiGetValue(variantInput);
            var variant = ui.logic.apiGetVariantById(variant_Id);
            ui.logic.apiChangeVariant(variant_Id);
          });
        });
        // PDP custom select price update
        setTimeout(() => {
          var variantDropdown = Array.from(document.querySelectorAll('#product-variants .dropdown ul li'));
          variantDropdown.map(function(item) {
            item.addEventListener('click', function() {
              let variantId = this.getAttribute('data-value');
              ui.logic.apiChangeVariant(variantId);
            });
          });
        }, 600)
        /* Handle the plan selectors for each group. In this case, it is a <select> */
        var planSelectors = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plans-select', ui.$form);
        planSelectors.forEach(function(planSelector) {
          planSelector.addEventListener("change", function() {
            ui.logic.apiChangePlan(ui.apiGetValue(planSelector));
          });
        });
        /* Signal possible change in pricing displays when quantity is changed */
        /*
        var qty = ui.$form.querySelector('input[name="quantity"]');
        qty.addEventListener("change", function() {
          ui.logic.apiChangePlan(ui.logic.getCurrentCopy().planId);
        });
        */
      },
      /* Called when Plan (the subscription frequency) is changed. */
      /* Called when One time purchase is selected. */
      uiOnPlanChange: function(ui, currentInfo) {
        if (currentInfo.groupId && currentInfo.planId) {
          /* Ensures the <select> option reflects the change in planId. */
          ui.apiSetValue(ui.apiQuerySelectorDataTag('data-smartrr-selling-plans-select', ui.$form, currentInfo.groupId), currentInfo.planId);
        }
      },
      /* Called when the group (One time purchase / Subscribe & Save) is changed. */
      uiOnGroupChange: function(ui, currentInfo) {
        var grpSelect = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-input', ui.$form);
        var benefit_text = ui.$form.querySelector('.data-smartrr-benefits')
        grpSelect.forEach(function(grp) {
          if (grp.dataset.smartrrSellingPlanGroupId !== "" && grp.checked == true) {
            benefit_text.style.opacity = 1;
          } else {
            benefit_text.style.opacity = 0.3;
          }
        })
        /* Use this to implement active class on Groups */
        /*
        var groupDivs = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-id', ui.$form);
        groupDivs.forEach(function(group) {
          if (currentInfo.groupId === ui.apiGetAttribute(group, 'data-smartrr-selling-plan-group-id')) {
            group.classList.add('smartrr-group-active');
          } else {
            group.classList.remove('smartrr-group-active');
          }
        });
        */
      },
      /* Called when the variant is changed */
      uiOnVariantChange: function(ui, currentInfo) {},
      /* Called when the quantity is retrieved for used in pricing display calculation. */
      uiGetQuantity: function(ui) {
        /* Handle the quantity input on the page here. */
        /* return 1 if you don't want quantity to be considered in pricing display elements */
        /* return ui.apiGetValue(ui.$form.querySelector('input[name="quantity"]')); */
        return 1;
      },
      uiModifyPrice: function(ui, $div, money) {
        /*
        Change price here based on requirements. For example, setting up per case/pound/bag price.
        money.regular: amount that shows up when strike display is chosen. This is the original un-discounted price.
        money.subscribe: the final discounted price or one-time price that shows up in the checkout.
        */
        return money;
      }
    };
    window.initSmartrr && window.initSmartrr("8242170495207");
  </script>
  <div class="addy-btn">
    <h2><span class="price">Price:</span> <span class="home_prod_price">$28.48</span></h2>
    <input type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
  </div>
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="45222407602407" data-title="2 bags" data-price="$28.48" data-unit-price="$1.29 / oz" data-package-breakdown="11 oz / bag"> 2 bags $28.48 </option>
        <option value="45222407635175" data-title="3 bags" data-price="$41.82" data-unit-price="$1.14 / oz" data-package-breakdown="save 7%"> 3 bags $41.82 </option>
        <option value="45222407667943" data-title="4 bags" data-price="$50.97" data-unit-price="$1.04 / oz" data-package-breakdown="save 15%"> 4 bags $50.97 </option>
        <option value="45222407700711" data-title="5 bags" data-price="$59.96" data-unit-price="$.98 / oz" data-package-breakdown="save 20%"> 5 bags $59.96 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="45222407602407" data-display-text="">
              <div class="variant-first-line"><span>2 bags</span><span>$28.48</span></div>
              <div class="variant-second-line"><span>11 oz / bag</span><span>$1.29 / oz</span></div>
            </li>
            <li class="option  " data-value="45222407635175" data-display-text="">
              <div class="variant-first-line"><span>3 bags</span><span>$41.82</span></div>
              <div class="variant-second-line"><span>save 7%</span><span>$1.14 / oz</span></div>
            </li>
            <li class="option  " data-value="45222407667943" data-display-text="">
              <div class="variant-first-line"><span>4 bags</span><span>$50.97</span></div>
              <div class="variant-second-line"><span>save 15%</span><span>$1.04 / oz</span></div>
            </li>
            <li class="option  " data-value="45222407700711" data-display-text="">
              <div class="variant-first-line"><span>5 bags</span><span>$59.96</span></div>
              <div class="variant-second-line"><span>save 20%</span><span>$.98 / oz</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post" data-smartrr-form-id="8242177048807">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <label>Choose Options</label>
      <select id="product-select" name="id">
        <option data-price="$28.48" value="45222407602407" selected="selected">2 bags $28.48</option>
        <option data-price="$41.82" value="45222407635175">3 bags $41.82</option>
        <option data-price="$50.97" value="45222407667943">4 bags $50.97</option>
        <option data-price="$59.96" value="45222407700711">5 bags $59.96</option>
      </select>
    </div><!-- product-variants -->
    <div class="qtydiv">
      <label for="Quantity" class="quantity-selector text-white">Quantity</label>
      <div class="qtybox">
        <span class="btnqty qtyminus icon icon-minus">-</span>
        <input type="text" id="quantity" name="quantity" value="1" min="1" class="quantity-selector quantity-input" readonly="">
        <span class="btnqty qtyplus icon icon-plus">+</span>
      </div>
    </div>
  </div>
  <input type="hidden" name="selling_plan" data-smartrr-selling-plan-input="" value="">
  <div class="hide" data-smartrr-page-load-variant="45222407602407"></div>
  <fieldset class="smartrr-purchase-options" data-smartrr-purchase-options="">
    <div class="smartrr-no-plans-available hide" data-smartrr-no-plans=""> No available purchase options for this selection. </div>
    <div data-smartrr-selling-plan-groups="">
      <div data-smartrr-selling-plan-group-id="" class="smartrr-otp">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="" name="purchase_option" value="">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>one time purchase</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="" class=""></div>
      </div>
      <div data-smartrr-selling-plan-group-id="cf018980ec149ecd6bc19e56da35036f43110a29" class="hide">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="cf018980ec149ecd6bc19e56da35036f43110a29" name="purchase_option" value="cf018980ec149ecd6bc19e56da35036f43110a29">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>subscribe and save 10%!</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="cf018980ec149ecd6bc19e56da35036f43110a29" class="hide">
          <div data-smartrr-selling-plan-group-plans="">
            <div class="smartrr-deliver-frequency">Deliver Every</div>
            <select data-smartrr-selling-plans-select="cf018980ec149ecd6bc19e56da35036f43110a29">
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="580550848">every 1 month</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="595886272">every 2 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3704455399">every 3 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3967385831">every 4 months</option>
            </select>
          </div>
        </div>
        <div class="data-smartrr-benefits" style="opacity: 0.3;">
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">free shipping in the contiguous US</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">no commitment, cancel anytime</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">save on every order</span></div>
        </div>
      </div>
    </div>
  </fieldset>
  <script>
    if (typeof window.smartrrProductList === 'undefined') {
      window.smartrrProductList = {};
    }
    window.smartrrProductList["8242177048807"] = {
      uniqueId: "8242177048807",
      ui: undefined,
      logic: undefined,
      appId: "4836205",
      hiddenGroup: "[hidden]",
      formTag: "data-smartrr-form-id",
      product: {
        "id": 8242177048807,
        "title": "crispy quinoa gems - value bags",
        "handle": "crispy-quinoa-gems-value-bags",
        "description": "\u003cp data-mce-fragment=\"1\"\u003eOur dark chocolate crispy quinoa gems are made for sharing! These resealable bags each contain 11 oz of dark chocolates with crispy quinoa colored by nature. We only use colors from all-natural veggies like spirulina and beets, and we never use titanium dioxide as a processing agent.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eNothing artificial here! Just the best, quality ingredients that put flavor first.\u003c\/p\u003e",
        "published_at": "2022-11-09T14:01:08-05:00",
        "created_at": "2022-11-03T14:20:15-04:00",
        "vendor": "UNREAL",
        "type": "",
        "tags": ["fair trade", "gluten-free", "kosher", "non-gmo", "vegan", "yellow"],
        "price": 2848,
        "price_min": 2848,
        "price_max": 5996,
        "available": true,
        "price_varies": true,
        "compare_at_price": null,
        "compare_at_price_min": 0,
        "compare_at_price_max": 0,
        "compare_at_price_varies": false,
        "variants": [{
          "id": 45222407602407,
          "title": "2 bags",
          "option1": "2 bags",
          "option2": null,
          "option3": null,
          "sku": "6022-2",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "crispy quinoa gems - value bags - 2 bags",
          "public_title": "2 bags",
          "options": ["2 bags"],
          "price": 2848,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": []
        }, {
          "id": 45222407635175,
          "title": "3 bags",
          "option1": "3 bags",
          "option2": null,
          "option3": null,
          "sku": "6022-3",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "crispy quinoa gems - value bags - 3 bags",
          "public_title": "3 bags",
          "options": ["3 bags"],
          "price": 4182,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3764
            }],
            "price": 3764,
            "compare_at_price": 4182,
            "per_delivery_price": 3764,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }, {
          "id": 45222407667943,
          "title": "4 bags",
          "option1": "4 bags",
          "option2": null,
          "option3": null,
          "sku": "6022-4",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "crispy quinoa gems - value bags - 4 bags",
          "public_title": "4 bags",
          "options": ["4 bags"],
          "price": 5097,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 4587
            }],
            "price": 4587,
            "compare_at_price": 5097,
            "per_delivery_price": 4587,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }, {
          "id": 45222407700711,
          "title": "5 bags",
          "option1": "5 bags",
          "option2": null,
          "option3": null,
          "sku": "6022-5",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "crispy quinoa gems - value bags - 5 bags",
          "public_title": "5 bags",
          "options": ["5 bags"],
          "price": 5996,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 5396
            }],
            "price": 5396,
            "compare_at_price": 5996,
            "per_delivery_price": 5396,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }],
        "images": ["\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/39_ab979238-dee0-4278-bff3-d550e15af927.png?v=1667499619", "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/6022-BOP.png?v=1667499617",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_CrispyGems_Thumbnail3_15b74644-5d54-499e-a332-2a0e75f3f3a8.png?v=1667499618",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_CrispyGems_Thumbnail5_5d148474-14af-4e49-b3d2-c528e003dd9d.png?v=1667499618"
        ],
        "featured_image": "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/39_ab979238-dee0-4278-bff3-d550e15af927.png?v=1667499619",
        "options": ["Size"],
        "media": [{
          "alt": null,
          "id": 32083486343399,
          "position": 1,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1200,
            "width": 1200,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/39_ab979238-dee0-4278-bff3-d550e15af927.png?v=1667499619"
          },
          "aspect_ratio": 1.0,
          "height": 1200,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/39_ab979238-dee0-4278-bff3-d550e15af927.png?v=1667499619",
          "width": 1200
        }, {
          "alt": null,
          "id": 32083486441703,
          "position": 2,
          "preview_image": {
            "aspect_ratio": 0.848,
            "height": 2786,
            "width": 2362,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/6022-BOP.png?v=1667499617"
          },
          "aspect_ratio": 0.848,
          "height": 2786,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/6022-BOP.png?v=1667499617",
          "width": 2362
        }, {
          "alt": null,
          "id": 32083486507239,
          "position": 3,
          "preview_image": {
            "aspect_ratio": 1.001,
            "height": 1499,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_CrispyGems_Thumbnail3_15b74644-5d54-499e-a332-2a0e75f3f3a8.png?v=1667499618"
          },
          "aspect_ratio": 1.001,
          "height": 1499,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_CrispyGems_Thumbnail3_15b74644-5d54-499e-a332-2a0e75f3f3a8.png?v=1667499618",
          "width": 1500
        }, {
          "alt": null,
          "id": 32083486540007,
          "position": 4,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_CrispyGems_Thumbnail5_5d148474-14af-4e49-b3d2-c528e003dd9d.png?v=1667499618"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_CrispyGems_Thumbnail5_5d148474-14af-4e49-b3d2-c528e003dd9d.png?v=1667499618",
          "width": 1500
        }],
        "requires_selling_plan": false,
        "selling_plan_groups": [{
          "id": "cf018980ec149ecd6bc19e56da35036f43110a29",
          "name": "subscribe and save",
          "options": [{
            "name": "subscribe and save",
            "position": 1,
            "values": ["every 1 month", "every 2 months", "every 3 months", "every 4 months"]
          }],
          "selling_plans": [{
            "id": 580550848,
            "name": "delivered every 1 month",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 1 month"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 595886272,
            "name": "delivered every 2 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 2 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3704455399,
            "name": "delivered every 3 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 3 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3967385831,
            "name": "delivered every 4 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 4 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }],
          "app_id": "4836205"
        }],
        "content": "\u003cp data-mce-fragment=\"1\"\u003eOur dark chocolate crispy quinoa gems are made for sharing! These resealable bags each contain 11 oz of dark chocolates with crispy quinoa colored by nature. We only use colors from all-natural veggies like spirulina and beets, and we never use titanium dioxide as a processing agent.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eNothing artificial here! Just the best, quality ingredients that put flavor first.\u003c\/p\u003e"
      },
      /* Called at DOMContentLoaded when initSmartrr creates the UI and Logic Modules */
      /* Used to inform the Modules of changes in Variants and Plans */
      uiImplementDetectChange: function(ui) {
        /* Inform the Logic handler about the variant selected when the page loads. */
        var variantId = ui.apiGetAttribute(ui.apiQuerySelectorDataTag('data-smartrr-page-load-variant', ui.$form), 'data-smartrr-page-load-variant');
        ui.logic.apiChangeVariant(variantId);
        /* Handle the variant selector on the page here. */
        /* Get the variant selector/buttons. On change/click, get the variant id and call ui.logic.apiChangeVariant(variantId); */
        /* Example code shows how to handle a swatch */
        /* variant code  */
        var variantButtons = ui.$form.querySelectorAll('#product-variants select');
        variantButtons.forEach(function(variantInput) {
          variantInput.addEventListener('change', function() {
            var variant_Id = ui.apiGetValue(variantInput);
            var variant = ui.logic.apiGetVariantById(variant_Id);
            ui.logic.apiChangeVariant(variant_Id);
          });
        });
        // PDP custom select price update
        setTimeout(() => {
          var variantDropdown = Array.from(document.querySelectorAll('#product-variants .dropdown ul li'));
          variantDropdown.map(function(item) {
            item.addEventListener('click', function() {
              let variantId = this.getAttribute('data-value');
              ui.logic.apiChangeVariant(variantId);
            });
          });
        }, 600)
        /* Handle the plan selectors for each group. In this case, it is a <select> */
        var planSelectors = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plans-select', ui.$form);
        planSelectors.forEach(function(planSelector) {
          planSelector.addEventListener("change", function() {
            ui.logic.apiChangePlan(ui.apiGetValue(planSelector));
          });
        });
        /* Signal possible change in pricing displays when quantity is changed */
        /*
        var qty = ui.$form.querySelector('input[name="quantity"]');
        qty.addEventListener("change", function() {
          ui.logic.apiChangePlan(ui.logic.getCurrentCopy().planId);
        });
        */
      },
      /* Called when Plan (the subscription frequency) is changed. */
      /* Called when One time purchase is selected. */
      uiOnPlanChange: function(ui, currentInfo) {
        if (currentInfo.groupId && currentInfo.planId) {
          /* Ensures the <select> option reflects the change in planId. */
          ui.apiSetValue(ui.apiQuerySelectorDataTag('data-smartrr-selling-plans-select', ui.$form, currentInfo.groupId), currentInfo.planId);
        }
      },
      /* Called when the group (One time purchase / Subscribe & Save) is changed. */
      uiOnGroupChange: function(ui, currentInfo) {
        var grpSelect = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-input', ui.$form);
        var benefit_text = ui.$form.querySelector('.data-smartrr-benefits')
        grpSelect.forEach(function(grp) {
          if (grp.dataset.smartrrSellingPlanGroupId !== "" && grp.checked == true) {
            benefit_text.style.opacity = 1;
          } else {
            benefit_text.style.opacity = 0.3;
          }
        })
        /* Use this to implement active class on Groups */
        /*
        var groupDivs = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-id', ui.$form);
        groupDivs.forEach(function(group) {
          if (currentInfo.groupId === ui.apiGetAttribute(group, 'data-smartrr-selling-plan-group-id')) {
            group.classList.add('smartrr-group-active');
          } else {
            group.classList.remove('smartrr-group-active');
          }
        });
        */
      },
      /* Called when the variant is changed */
      uiOnVariantChange: function(ui, currentInfo) {},
      /* Called when the quantity is retrieved for used in pricing display calculation. */
      uiGetQuantity: function(ui) {
        /* Handle the quantity input on the page here. */
        /* return 1 if you don't want quantity to be considered in pricing display elements */
        /* return ui.apiGetValue(ui.$form.querySelector('input[name="quantity"]')); */
        return 1;
      },
      uiModifyPrice: function(ui, $div, money) {
        /*
        Change price here based on requirements. For example, setting up per case/pound/bag price.
        money.regular: amount that shows up when strike display is chosen. This is the original un-discounted price.
        money.subscribe: the final discounted price or one-time price that shows up in the checkout.
        */
        return money;
      }
    };
    window.initSmartrr && window.initSmartrr("8242177048807");
  </script>
  <div class="addy-btn">
    <h2><span class="price">Price:</span> <span class="home_prod_price">$28.48</span></h2>
    <input type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
  </div>
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="37199860891840" data-title="3 bags" data-price="$20.97" data-unit-price="$2.06 / oz" data-package-breakdown="3.4 oz / bag"> 3 bags $20.97 </option>
        <option value="37199860924608" data-title="6 bags" data-price="$38.94" data-unit-price="$1.91 / oz" data-package-breakdown="save 7%"> 6 bags $38.94 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="37199860891840" data-display-text="">
              <div class="variant-first-line"><span>3 bags</span><span>$20.97</span></div>
              <div class="variant-second-line"><span>3.4 oz / bag</span><span>$2.06 / oz</span></div>
            </li>
            <li class="option  " data-value="37199860924608" data-display-text="">
              <div class="variant-first-line"><span>6 bags</span><span>$38.94</span></div>
              <div class="variant-second-line"><span>save 7%</span><span>$1.91 / oz</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post" data-smartrr-form-id="5968803463360">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <label>Choose Options</label>
      <select id="product-select" name="id">
        <option data-price="$20.97" value="37199860891840" selected="selected">3 bags $20.97</option>
        <option data-price="$38.94" value="37199860924608">6 bags $38.94</option>
      </select>
    </div><!-- product-variants -->
    <div class="qtydiv">
      <label for="Quantity" class="quantity-selector text-white">Quantity</label>
      <div class="qtybox">
        <span class="btnqty qtyminus icon icon-minus">-</span>
        <input type="text" id="quantity" name="quantity" value="1" min="1" class="quantity-selector quantity-input" readonly="">
        <span class="btnqty qtyplus icon icon-plus">+</span>
      </div>
    </div>
  </div>
  <input type="hidden" name="selling_plan" data-smartrr-selling-plan-input="" value="">
  <div class="hide" data-smartrr-page-load-variant="37199860891840"></div>
  <script>
    if (typeof window.smartrrProductList === 'undefined') {
      window.smartrrProductList = {};
    }
    window.smartrrProductList["5968803463360"] = {
      uniqueId: "5968803463360",
      ui: undefined,
      logic: undefined,
      appId: "4836205",
      hiddenGroup: "[hidden]",
      formTag: "data-smartrr-form-id",
      product: {
        "id": 5968803463360,
        "title": "caramel peanut nougat bar - standard bags",
        "handle": "dark-chocolate-caramel-peanut-nougat-bar-bckp",
        "description": "\u003cmeta charset=\"utf-8\"\u003e\n\u003cp\u003eOur \u003cspan data-mce-fragment=\"1\"\u003edark chocolate caramel peanut nougat bars use \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e40% less sugar than the leading brand and have over 70% organic ingredients!\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eNo corn syrup, no soy ingredients, no sugar alcohols here! Our bars are made in small batches with high-quality, real, Fair Trade ingredients that put flavor firs\u003c\/span\u003et.\u003c\/p\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cdiv\u003e\u003c\/div\u003e",
        "published_at": "2021-11-11T13:59:30-05:00",
        "created_at": "2020-10-20T20:14:52-04:00",
        "vendor": "get-unreal",
        "type": "",
        "tags": ["fair trade", "kosher", "non-gmo", "orange"],
        "price": 2097,
        "price_min": 2097,
        "price_max": 3894,
        "available": true,
        "price_varies": true,
        "compare_at_price": null,
        "compare_at_price_min": 0,
        "compare_at_price_max": 0,
        "compare_at_price_varies": false,
        "variants": [{
          "id": 37199860891840,
          "title": "3 bags",
          "option1": "3 bags",
          "option2": null,
          "option3": null,
          "sku": "2100-3",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "caramel peanut nougat bar - standard bags - 3 bags",
          "public_title": "3 bags",
          "options": ["3 bags"],
          "price": 2097,
          "weight": 295,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "857484006529",
          "requires_selling_plan": false,
          "selling_plan_allocations": []
        }, {
          "id": 37199860924608,
          "title": "6 bags",
          "option1": "6 bags",
          "option2": null,
          "option3": null,
          "sku": "2100-6",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "caramel peanut nougat bar - standard bags - 6 bags",
          "public_title": "6 bags",
          "options": ["6 bags"],
          "price": 3894,
          "weight": 590,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "10857484006526",
          "requires_selling_plan": false,
          "selling_plan_allocations": []
        }],
        "images": ["\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/5.png?v=1661547692", "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/unnamed_2.png?v=1661547692",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Assets_Nougat-10_cb31a6d0-e36a-45a6-adb2-cd66747d12fb.png?v=1661547719",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/nougatcertifications.jpg?v=1676472886", "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/2100_studio.jpg?v=1676472886"
        ],
        "featured_image": "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/5.png?v=1661547692",
        "options": ["Bags"],
        "media": [{
          "alt": null,
          "id": 31445529886951,
          "position": 1,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 2048,
            "width": 2048,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/5.png?v=1661547692"
          },
          "aspect_ratio": 1.0,
          "height": 2048,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/5.png?v=1661547692",
          "width": 2048
        }, {
          "alt": null,
          "id": 23173407506624,
          "position": 2,
          "preview_image": {
            "aspect_ratio": 0.703,
            "height": 1000,
            "width": 703,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/unnamed_2.png?v=1661547692"
          },
          "aspect_ratio": 0.703,
          "height": 1000,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/unnamed_2.png?v=1661547692",
          "width": 703
        }, {
          "alt": null,
          "id": 31445531885799,
          "position": 3,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Assets_Nougat-10_cb31a6d0-e36a-45a6-adb2-cd66747d12fb.png?v=1661547719"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Assets_Nougat-10_cb31a6d0-e36a-45a6-adb2-cd66747d12fb.png?v=1661547719",
          "width": 1500
        }, {
          "alt": null,
          "id": 32827733803239,
          "position": 4,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 679,
            "width": 679,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/nougatcertifications.jpg?v=1676472886"
          },
          "aspect_ratio": 1.0,
          "height": 679,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/nougatcertifications.jpg?v=1676472886",
          "width": 679
        }, {
          "alt": null,
          "id": 32827730395367,
          "position": 5,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 3000,
            "width": 3000,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/2100_studio.jpg?v=1676472886"
          },
          "aspect_ratio": 1.0,
          "height": 3000,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/2100_studio.jpg?v=1676472886",
          "width": 3000
        }],
        "requires_selling_plan": false,
        "selling_plan_groups": [],
        "content": "\u003cmeta charset=\"utf-8\"\u003e\n\u003cp\u003eOur \u003cspan data-mce-fragment=\"1\"\u003edark chocolate caramel peanut nougat bars use \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e40% less sugar than the leading brand and have over 70% organic ingredients!\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eNo corn syrup, no soy ingredients, no sugar alcohols here! Our bars are made in small batches with high-quality, real, Fair Trade ingredients that put flavor firs\u003c\/span\u003et.\u003c\/p\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cdiv\u003e\u003c\/div\u003e"
      },
      /* Called at DOMContentLoaded when initSmartrr creates the UI and Logic Modules */
      /* Used to inform the Modules of changes in Variants and Plans */
      uiImplementDetectChange: function(ui) {
        /* Inform the Logic handler about the variant selected when the page loads. */
        var variantId = ui.apiGetAttribute(ui.apiQuerySelectorDataTag('data-smartrr-page-load-variant', ui.$form), 'data-smartrr-page-load-variant');
        ui.logic.apiChangeVariant(variantId);
        /* Handle the variant selector on the page here. */
        /* Get the variant selector/buttons. On change/click, get the variant id and call ui.logic.apiChangeVariant(variantId); */
        /* Example code shows how to handle a swatch */
        /* variant code  */
        var variantButtons = ui.$form.querySelectorAll('#product-variants select');
        variantButtons.forEach(function(variantInput) {
          variantInput.addEventListener('change', function() {
            var variant_Id = ui.apiGetValue(variantInput);
            var variant = ui.logic.apiGetVariantById(variant_Id);
            ui.logic.apiChangeVariant(variant_Id);
          });
        });
        // PDP custom select price update
        setTimeout(() => {
          var variantDropdown = Array.from(document.querySelectorAll('#product-variants .dropdown ul li'));
          variantDropdown.map(function(item) {
            item.addEventListener('click', function() {
              let variantId = this.getAttribute('data-value');
              ui.logic.apiChangeVariant(variantId);
            });
          });
        }, 600)
        /* Handle the plan selectors for each group. In this case, it is a <select> */
        var planSelectors = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plans-select', ui.$form);
        planSelectors.forEach(function(planSelector) {
          planSelector.addEventListener("change", function() {
            ui.logic.apiChangePlan(ui.apiGetValue(planSelector));
          });
        });
        /* Signal possible change in pricing displays when quantity is changed */
        /*
        var qty = ui.$form.querySelector('input[name="quantity"]');
        qty.addEventListener("change", function() {
          ui.logic.apiChangePlan(ui.logic.getCurrentCopy().planId);
        });
        */
      },
      /* Called when Plan (the subscription frequency) is changed. */
      /* Called when One time purchase is selected. */
      uiOnPlanChange: function(ui, currentInfo) {
        if (currentInfo.groupId && currentInfo.planId) {
          /* Ensures the <select> option reflects the change in planId. */
          ui.apiSetValue(ui.apiQuerySelectorDataTag('data-smartrr-selling-plans-select', ui.$form, currentInfo.groupId), currentInfo.planId);
        }
      },
      /* Called when the group (One time purchase / Subscribe & Save) is changed. */
      uiOnGroupChange: function(ui, currentInfo) {
        var grpSelect = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-input', ui.$form);
        var benefit_text = ui.$form.querySelector('.data-smartrr-benefits')
        grpSelect.forEach(function(grp) {
          if (grp.dataset.smartrrSellingPlanGroupId !== "" && grp.checked == true) {
            benefit_text.style.opacity = 1;
          } else {
            benefit_text.style.opacity = 0.3;
          }
        })
        /* Use this to implement active class on Groups */
        /*
        var groupDivs = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-id', ui.$form);
        groupDivs.forEach(function(group) {
          if (currentInfo.groupId === ui.apiGetAttribute(group, 'data-smartrr-selling-plan-group-id')) {
            group.classList.add('smartrr-group-active');
          } else {
            group.classList.remove('smartrr-group-active');
          }
        });
        */
      },
      /* Called when the variant is changed */
      uiOnVariantChange: function(ui, currentInfo) {},
      /* Called when the quantity is retrieved for used in pricing display calculation. */
      uiGetQuantity: function(ui) {
        /* Handle the quantity input on the page here. */
        /* return 1 if you don't want quantity to be considered in pricing display elements */
        /* return ui.apiGetValue(ui.$form.querySelector('input[name="quantity"]')); */
        return 1;
      },
      uiModifyPrice: function(ui, $div, money) {
        /*
        Change price here based on requirements. For example, setting up per case/pound/bag price.
        money.regular: amount that shows up when strike display is chosen. This is the original un-discounted price.
        money.subscribe: the final discounted price or one-time price that shows up in the checkout.
        */
        return money;
      }
    };
    window.initSmartrr && window.initSmartrr("5968803463360");
  </script>
  <div class="addy-btn">
    <h2><span class="price">Price:</span> <span class="home_prod_price">$20.97</span></h2>
    <input type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
  </div>
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="37928420212928" data-title="Complete Variety" data-price="$38.94" data-unit-price="" data-package-breakdown=""> Complete Variety $38.94 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="37928420212928" data-display-text="">
              <div class="variant-first-line"><span>Complete Variety</span><span>$38.94</span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post" data-smartrr-form-id="6156593397952">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <label>Choose Options</label>
      <select id="product-select" name="id">
        <option data-price="$38.94" value="37928420212928" selected="selected">Complete Variety $38.94</option>
      </select>
    </div><!-- product-variants -->
    <div class="qtydiv">
      <label for="Quantity" class="quantity-selector text-white">Quantity</label>
      <div class="qtybox">
        <span class="btnqty qtyminus icon icon-minus">-</span>
        <input type="text" id="quantity" name="quantity" value="1" min="1" class="quantity-selector quantity-input" readonly="">
        <span class="btnqty qtyplus icon icon-plus">+</span>
      </div>
    </div>
  </div>
  <input type="hidden" name="selling_plan" data-smartrr-selling-plan-input="" value="">
  <div class="hide" data-smartrr-page-load-variant="37928420212928"></div>
  <fieldset class="smartrr-purchase-options" data-smartrr-purchase-options="">
    <div class="smartrr-no-plans-available hide" data-smartrr-no-plans=""> No available purchase options for this selection. </div>
    <div data-smartrr-selling-plan-groups="">
      <div data-smartrr-selling-plan-group-id="" class="smartrr-otp">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="" name="purchase_option" value="">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>one time purchase</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="" class=""></div>
      </div>
      <div data-smartrr-selling-plan-group-id="cf018980ec149ecd6bc19e56da35036f43110a29">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="cf018980ec149ecd6bc19e56da35036f43110a29" name="purchase_option" value="cf018980ec149ecd6bc19e56da35036f43110a29">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>subscribe and save 10%!</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="cf018980ec149ecd6bc19e56da35036f43110a29" class="hide">
          <div data-smartrr-selling-plan-group-plans="">
            <div class="smartrr-deliver-frequency">Deliver Every</div>
            <select data-smartrr-selling-plans-select="cf018980ec149ecd6bc19e56da35036f43110a29">
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="580550848">every 1 month</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="595886272">every 2 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3704455399">every 3 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3967385831">every 4 months</option>
            </select>
          </div>
        </div>
        <div class="data-smartrr-benefits" style="opacity: 0.3;">
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">free shipping in the contiguous US</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">no commitment, cancel anytime</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">save on every order</span></div>
        </div>
      </div>
    </div>
  </fieldset>
  <script>
    if (typeof window.smartrrProductList === 'undefined') {
      window.smartrrProductList = {};
    }
    window.smartrrProductList["6156593397952"] = {
      uniqueId: "6156593397952",
      ui: undefined,
      logic: undefined,
      appId: "4836205",
      hiddenGroup: "[hidden]",
      formTag: "data-smartrr-form-id",
      product: {
        "id": 6156593397952,
        "title": "complete variety pack",
        "handle": "complete-variety-pack",
        "description": "\u003cmeta charset=\"utf-8\"\u003e\n\u003cp\u003eOur complete variety packs include six bags of UNREAL!  \u003c\/p\u003e\n\u003cp\u003eOne bag each of the following products:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDark Chocolate Peanut Butter Cups\u003c\/li\u003e\n\u003cli\u003eDark Chocolate Almond Butter Cups\u003c\/li\u003e\n\u003cli\u003eDark Chocolate Peanut Gems\u003c\/li\u003e\n\u003cli\u003eMilk Chocolate Gems\u003c\/li\u003e\n\u003cli\u003eDark Chocolate Caramel Peanut Nougat Bars\u003c\/li\u003e\n\u003cli\u003eDark Chocolate Coconut Bars. \u003c\/li\u003e\n\u003c\/ul\u003e",
        "published_at": "2021-12-07T11:15:49-05:00",
        "created_at": "2021-01-19T00:10:18-05:00",
        "vendor": "get-unreal",
        "type": "",
        "tags": ["fair trade", "kosher", "red", "variety"],
        "price": 3894,
        "price_min": 3894,
        "price_max": 3894,
        "available": true,
        "price_varies": false,
        "compare_at_price": null,
        "compare_at_price_min": 0,
        "compare_at_price_max": 0,
        "compare_at_price_varies": false,
        "variants": [{
          "id": 37928420212928,
          "title": "Complete Variety",
          "option1": "Complete Variety",
          "option2": null,
          "option3": null,
          "sku": "Variety-007",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "complete variety pack - Complete Variety",
          "public_title": "Complete Variety",
          "options": ["Complete Variety"],
          "price": 3894,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "00857484006758",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 3505
            }],
            "price": 3505,
            "compare_at_price": 3894,
            "per_delivery_price": 3505,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3505
            }],
            "price": 3505,
            "compare_at_price": 3894,
            "per_delivery_price": 3505,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3505
            }],
            "price": 3505,
            "compare_at_price": 3894,
            "per_delivery_price": 3505,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3505
            }],
            "price": 3505,
            "compare_at_price": 3894,
            "per_delivery_price": 3505,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }],
        "images": ["\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/resizedCompleteUNREALVarietyPack3x_56590ad5-8123-4163-a5ba-08283785037c.jpg?v=1661549216",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/veganvariety_1.jpg?v=1661549216",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Coco_Thumbnail7_b8b2fb5d-8601-4dc0-b30f-c865c08844fd.png?v=1661549216",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Assets_Nougat-11.jpg?v=1661549216", "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_ABC_Thumbnail6.jpg?v=1661549216",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_MilkGems_Thumbnail6_21cd3c58-146c-4313-b5e7-0b5f9b0b69b1.png?v=1661549216",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PeanutGems_Thumbnail6.jpg?v=1661549216",
          "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PBC_Thumbnail6_d118adc9-bcd2-4513-b871-529d1467d9f3.jpg?v=1661549216"
        ],
        "featured_image": "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/resizedCompleteUNREALVarietyPack3x_56590ad5-8123-4163-a5ba-08283785037c.jpg?v=1661549216",
        "options": ["Title"],
        "media": [{
          "alt": null,
          "id": 31445683831015,
          "position": 1,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1024,
            "width": 1024,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/resizedCompleteUNREALVarietyPack3x_56590ad5-8123-4163-a5ba-08283785037c.jpg?v=1661549216"
          },
          "aspect_ratio": 1.0,
          "height": 1024,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/resizedCompleteUNREALVarietyPack3x_56590ad5-8123-4163-a5ba-08283785037c.jpg?v=1661549216",
          "width": 1024
        }, {
          "alt": null,
          "id": 22118512132288,
          "position": 2,
          "preview_image": {
            "aspect_ratio": 0.687,
            "height": 1024,
            "width": 703,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/veganvariety_1.jpg?v=1661549216"
          },
          "aspect_ratio": 0.687,
          "height": 1024,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/veganvariety_1.jpg?v=1661549216",
          "width": 703
        }, {
          "alt": null,
          "id": 22401032978624,
          "position": 3,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Coco_Thumbnail7_b8b2fb5d-8601-4dc0-b30f-c865c08844fd.png?v=1661549216"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Coco_Thumbnail7_b8b2fb5d-8601-4dc0-b30f-c865c08844fd.png?v=1661549216",
          "width": 1500
        }, {
          "alt": null,
          "id": 22118518063296,
          "position": 4,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Assets_Nougat-11.jpg?v=1661549216"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_Assets_Nougat-11.jpg?v=1661549216",
          "width": 1500
        }, {
          "alt": null,
          "id": 22118531596480,
          "position": 5,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_ABC_Thumbnail6.jpg?v=1661549216"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_ABC_Thumbnail6.jpg?v=1661549216",
          "width": 1500
        }, {
          "alt": null,
          "id": 22400897089728,
          "position": 6,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_MilkGems_Thumbnail6_21cd3c58-146c-4313-b5e7-0b5f9b0b69b1.png?v=1661549216"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_MilkGems_Thumbnail6_21cd3c58-146c-4313-b5e7-0b5f9b0b69b1.png?v=1661549216",
          "width": 1500
        }, {
          "alt": null,
          "id": 22118595657920,
          "position": 7,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PeanutGems_Thumbnail6.jpg?v=1661549216"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PeanutGems_Thumbnail6.jpg?v=1661549216",
          "width": 1500
        }, {
          "alt": null,
          "id": 22400922124480,
          "position": 8,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1500,
            "width": 1500,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PBC_Thumbnail6_d118adc9-bcd2-4513-b871-529d1467d9f3.jpg?v=1661549216"
          },
          "aspect_ratio": 1.0,
          "height": 1500,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/Unreal_Amazon_PBC_Thumbnail6_d118adc9-bcd2-4513-b871-529d1467d9f3.jpg?v=1661549216",
          "width": 1500
        }],
        "requires_selling_plan": false,
        "selling_plan_groups": [{
          "id": "cf018980ec149ecd6bc19e56da35036f43110a29",
          "name": "subscribe and save",
          "options": [{
            "name": "subscribe and save",
            "position": 1,
            "values": ["every 1 month", "every 2 months", "every 3 months", "every 4 months"]
          }],
          "selling_plans": [{
            "id": 580550848,
            "name": "delivered every 1 month",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 1 month"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 595886272,
            "name": "delivered every 2 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 2 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3704455399,
            "name": "delivered every 3 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 3 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3967385831,
            "name": "delivered every 4 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 4 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }],
          "app_id": "4836205"
        }],
        "content": "\u003cmeta charset=\"utf-8\"\u003e\n\u003cp\u003eOur complete variety packs include six bags of UNREAL!  \u003c\/p\u003e\n\u003cp\u003eOne bag each of the following products:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDark Chocolate Peanut Butter Cups\u003c\/li\u003e\n\u003cli\u003eDark Chocolate Almond Butter Cups\u003c\/li\u003e\n\u003cli\u003eDark Chocolate Peanut Gems\u003c\/li\u003e\n\u003cli\u003eMilk Chocolate Gems\u003c\/li\u003e\n\u003cli\u003eDark Chocolate Caramel Peanut Nougat Bars\u003c\/li\u003e\n\u003cli\u003eDark Chocolate Coconut Bars. \u003c\/li\u003e\n\u003c\/ul\u003e"
      },
      /* Called at DOMContentLoaded when initSmartrr creates the UI and Logic Modules */
      /* Used to inform the Modules of changes in Variants and Plans */
      uiImplementDetectChange: function(ui) {
        /* Inform the Logic handler about the variant selected when the page loads. */
        var variantId = ui.apiGetAttribute(ui.apiQuerySelectorDataTag('data-smartrr-page-load-variant', ui.$form), 'data-smartrr-page-load-variant');
        ui.logic.apiChangeVariant(variantId);
        /* Handle the variant selector on the page here. */
        /* Get the variant selector/buttons. On change/click, get the variant id and call ui.logic.apiChangeVariant(variantId); */
        /* Example code shows how to handle a swatch */
        /* variant code  */
        var variantButtons = ui.$form.querySelectorAll('#product-variants select');
        variantButtons.forEach(function(variantInput) {
          variantInput.addEventListener('change', function() {
            var variant_Id = ui.apiGetValue(variantInput);
            var variant = ui.logic.apiGetVariantById(variant_Id);
            ui.logic.apiChangeVariant(variant_Id);
          });
        });
        // PDP custom select price update
        setTimeout(() => {
          var variantDropdown = Array.from(document.querySelectorAll('#product-variants .dropdown ul li'));
          variantDropdown.map(function(item) {
            item.addEventListener('click', function() {
              let variantId = this.getAttribute('data-value');
              ui.logic.apiChangeVariant(variantId);
            });
          });
        }, 600)
        /* Handle the plan selectors for each group. In this case, it is a <select> */
        var planSelectors = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plans-select', ui.$form);
        planSelectors.forEach(function(planSelector) {
          planSelector.addEventListener("change", function() {
            ui.logic.apiChangePlan(ui.apiGetValue(planSelector));
          });
        });
        /* Signal possible change in pricing displays when quantity is changed */
        /*
        var qty = ui.$form.querySelector('input[name="quantity"]');
        qty.addEventListener("change", function() {
          ui.logic.apiChangePlan(ui.logic.getCurrentCopy().planId);
        });
        */
      },
      /* Called when Plan (the subscription frequency) is changed. */
      /* Called when One time purchase is selected. */
      uiOnPlanChange: function(ui, currentInfo) {
        if (currentInfo.groupId && currentInfo.planId) {
          /* Ensures the <select> option reflects the change in planId. */
          ui.apiSetValue(ui.apiQuerySelectorDataTag('data-smartrr-selling-plans-select', ui.$form, currentInfo.groupId), currentInfo.planId);
        }
      },
      /* Called when the group (One time purchase / Subscribe & Save) is changed. */
      uiOnGroupChange: function(ui, currentInfo) {
        var grpSelect = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-input', ui.$form);
        var benefit_text = ui.$form.querySelector('.data-smartrr-benefits')
        grpSelect.forEach(function(grp) {
          if (grp.dataset.smartrrSellingPlanGroupId !== "" && grp.checked == true) {
            benefit_text.style.opacity = 1;
          } else {
            benefit_text.style.opacity = 0.3;
          }
        })
        /* Use this to implement active class on Groups */
        /*
        var groupDivs = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-id', ui.$form);
        groupDivs.forEach(function(group) {
          if (currentInfo.groupId === ui.apiGetAttribute(group, 'data-smartrr-selling-plan-group-id')) {
            group.classList.add('smartrr-group-active');
          } else {
            group.classList.remove('smartrr-group-active');
          }
        });
        */
      },
      /* Called when the variant is changed */
      uiOnVariantChange: function(ui, currentInfo) {},
      /* Called when the quantity is retrieved for used in pricing display calculation. */
      uiGetQuantity: function(ui) {
        /* Handle the quantity input on the page here. */
        /* return 1 if you don't want quantity to be considered in pricing display elements */
        /* return ui.apiGetValue(ui.$form.querySelector('input[name="quantity"]')); */
        return 1;
      },
      uiModifyPrice: function(ui, $div, money) {
        /*
        Change price here based on requirements. For example, setting up per case/pound/bag price.
        money.regular: amount that shows up when strike display is chosen. This is the original un-discounted price.
        money.subscribe: the final discounted price or one-time price that shows up in the checkout.
        */
        return money;
      }
    };
    window.initSmartrr && window.initSmartrr("6156593397952");
  </script>
  <div class="addy-btn">
    <h2><span class="price">Price:</span> <span class="home_prod_price">$38.94</span></h2>
    <input type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
  </div>
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="46209129021671" data-title="vegan variety" data-price="$34.99" data-unit-price="" data-package-breakdown=""> vegan variety $34.99 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="46209129021671" data-display-text="">
              <div class="variant-first-line"><span>vegan variety</span><span>$34.99</span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post" data-smartrr-form-id="8310793044199">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <label>Choose Options</label>
      <select id="product-select" name="id">
        <option data-price="$34.99" value="46209129021671" selected="selected">vegan variety $34.99</option>
      </select>
    </div><!-- product-variants -->
    <div class="qtydiv">
      <label for="Quantity" class="quantity-selector text-white">Quantity</label>
      <div class="qtybox">
        <span class="btnqty qtyminus icon icon-minus">-</span>
        <input type="text" id="quantity" name="quantity" value="1" min="1" class="quantity-selector quantity-input" readonly="">
        <span class="btnqty qtyplus icon icon-plus">+</span>
      </div>
    </div>
  </div>
  <input type="hidden" name="selling_plan" data-smartrr-selling-plan-input="" value="">
  <div class="hide" data-smartrr-page-load-variant="46209129021671"></div>
  <fieldset class="smartrr-purchase-options" data-smartrr-purchase-options="">
    <div class="smartrr-no-plans-available hide" data-smartrr-no-plans=""> No available purchase options for this selection. </div>
    <div data-smartrr-selling-plan-groups="">
      <div data-smartrr-selling-plan-group-id="" class="smartrr-otp">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="" name="purchase_option" value="">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>one time purchase</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="" class=""></div>
      </div>
      <div data-smartrr-selling-plan-group-id="cf018980ec149ecd6bc19e56da35036f43110a29">
        <div class="smartrr-selling-plan-group-header">
          <label class="smartrr-selling-plan-group-label">
            <input type="radio" data-smartrr-selling-plan-group-input="cf018980ec149ecd6bc19e56da35036f43110a29" name="purchase_option" value="cf018980ec149ecd6bc19e56da35036f43110a29">
            <div class="smartrr-selling-plan-group-input-display"></div>
            <div class="smartrr-selling-plan-group-name">
              <div>subscribe and save 10%!</div>
            </div>
          </label>
        </div>
        <div data-smartrr-selling-plan-group-contents="cf018980ec149ecd6bc19e56da35036f43110a29" class="hide">
          <div data-smartrr-selling-plan-group-plans="">
            <div class="smartrr-deliver-frequency">Deliver Every</div>
            <select data-smartrr-selling-plans-select="cf018980ec149ecd6bc19e56da35036f43110a29">
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="580550848">every 1 month</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="595886272">every 2 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3704455399">every 3 months</option>
              <option data-smartrr-selling-plan-select-label-input="cf018980ec149ecd6bc19e56da35036f43110a29" value="3967385831">every 4 months</option>
            </select>
          </div>
        </div>
        <div class="data-smartrr-benefits" style="opacity: 0.3;">
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">free shipping in the contiguous US</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">no commitment, cancel anytime</span></div>
          <div><span data-smartrr-check="">✓</span><span data-smartrr-text="">save on every order</span></div>
        </div>
      </div>
    </div>
  </fieldset>
  <script>
    if (typeof window.smartrrProductList === 'undefined') {
      window.smartrrProductList = {};
    }
    window.smartrrProductList["8310793044199"] = {
      uniqueId: "8310793044199",
      ui: undefined,
      logic: undefined,
      appId: "4836205",
      hiddenGroup: "[hidden]",
      formTag: "data-smartrr-form-id",
      product: {
        "id": 8310793044199,
        "title": "vegan variety pack",
        "handle": "vegan-variety-pack-1",
        "description": "\u003cp data-mce-fragment=\"1\"\u003eOur vegan variety packs include five bags of certified-vegan UNREAL products!  \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eOne bag each of the following dark chocolate products:\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003eDark Chocolate Peanut Butter Cups\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eDark Chocolate Almond Butter Cups\u003c\/span\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eDark Chocolate Peanut Gems\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eDark Chocolate Gems with Crispy Quinoa \u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eDark Chocolate Coconut Bars\u003c\/li\u003e\n\u003c\/ul\u003e",
        "published_at": "2023-02-10T09:38:58-05:00",
        "created_at": "2023-02-10T09:13:50-05:00",
        "vendor": "UNREAL",
        "type": "",
        "tags": ["fair trade", "gluten-free", "kosher", "non-gmo", "red", "variety", "vegan"],
        "price": 3499,
        "price_min": 3499,
        "price_max": 3499,
        "available": true,
        "price_varies": false,
        "compare_at_price": null,
        "compare_at_price_min": 0,
        "compare_at_price_max": 0,
        "compare_at_price_varies": false,
        "variants": [{
          "id": 46209129021671,
          "title": "vegan variety",
          "option1": "vegan variety",
          "option2": null,
          "option3": null,
          "sku": "Variety-006",
          "requires_shipping": true,
          "taxable": true,
          "featured_image": null,
          "available": true,
          "name": "vegan variety pack - vegan variety",
          "public_title": "vegan variety",
          "options": ["vegan variety"],
          "price": 3499,
          "weight": 0,
          "compare_at_price": null,
          "inventory_management": "shopify",
          "barcode": "",
          "requires_selling_plan": false,
          "selling_plan_allocations": [{
            "price_adjustments": [{
              "position": 1,
              "price": 3149
            }],
            "price": 3149,
            "compare_at_price": 3499,
            "per_delivery_price": 3149,
            "selling_plan_id": 580550848,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3149
            }],
            "price": 3149,
            "compare_at_price": 3499,
            "per_delivery_price": 3149,
            "selling_plan_id": 595886272,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3149
            }],
            "price": 3149,
            "compare_at_price": 3499,
            "per_delivery_price": 3149,
            "selling_plan_id": 3704455399,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }, {
            "price_adjustments": [{
              "position": 1,
              "price": 3149
            }],
            "price": 3149,
            "compare_at_price": 3499,
            "per_delivery_price": 3149,
            "selling_plan_id": 3967385831,
            "selling_plan_group_id": "cf018980ec149ecd6bc19e56da35036f43110a29"
          }]
        }],
        "images": ["\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/AmazonHeroImages.png?v=1676038433"],
        "featured_image": "\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/AmazonHeroImages.png?v=1676038433",
        "options": ["Size"],
        "media": [{
          "alt": null,
          "id": 32798349721831,
          "position": 1,
          "preview_image": {
            "aspect_ratio": 1.0,
            "height": 1200,
            "width": 1200,
            "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/AmazonHeroImages.png?v=1676038433"
          },
          "aspect_ratio": 1.0,
          "height": 1200,
          "media_type": "image",
          "src": "https:\/\/cdn.shopify.com\/s\/files\/1\/0505\/2101\/4464\/products\/AmazonHeroImages.png?v=1676038433",
          "width": 1200
        }],
        "requires_selling_plan": false,
        "selling_plan_groups": [{
          "id": "cf018980ec149ecd6bc19e56da35036f43110a29",
          "name": "subscribe and save",
          "options": [{
            "name": "subscribe and save",
            "position": 1,
            "values": ["every 1 month", "every 2 months", "every 3 months", "every 4 months"]
          }],
          "selling_plans": [{
            "id": 580550848,
            "name": "delivered every 1 month",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 1 month"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 595886272,
            "name": "delivered every 2 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 2 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3704455399,
            "name": "delivered every 3 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 3 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }, {
            "id": 3967385831,
            "name": "delivered every 4 months",
            "description": "",
            "options": [{
              "name": "subscribe and save",
              "position": 1,
              "value": "every 4 months"
            }],
            "recurring_deliveries": true,
            "price_adjustments": [{
              "order_count": null,
              "position": 1,
              "value_type": "percentage",
              "value": 10
            }],
            "checkout_charge": {
              "value_type": "percentage",
              "value": 100
            }
          }],
          "app_id": "4836205"
        }],
        "content": "\u003cp data-mce-fragment=\"1\"\u003eOur vegan variety packs include five bags of certified-vegan UNREAL products!  \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eOne bag each of the following dark chocolate products:\u003c\/p\u003e\n\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003eDark Chocolate Peanut Butter Cups\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eDark Chocolate Almond Butter Cups\u003c\/span\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eDark Chocolate Peanut Gems\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eDark Chocolate Gems with Crispy Quinoa \u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003eDark Chocolate Coconut Bars\u003c\/li\u003e\n\u003c\/ul\u003e"
      },
      /* Called at DOMContentLoaded when initSmartrr creates the UI and Logic Modules */
      /* Used to inform the Modules of changes in Variants and Plans */
      uiImplementDetectChange: function(ui) {
        /* Inform the Logic handler about the variant selected when the page loads. */
        var variantId = ui.apiGetAttribute(ui.apiQuerySelectorDataTag('data-smartrr-page-load-variant', ui.$form), 'data-smartrr-page-load-variant');
        ui.logic.apiChangeVariant(variantId);
        /* Handle the variant selector on the page here. */
        /* Get the variant selector/buttons. On change/click, get the variant id and call ui.logic.apiChangeVariant(variantId); */
        /* Example code shows how to handle a swatch */
        /* variant code  */
        var variantButtons = ui.$form.querySelectorAll('#product-variants select');
        variantButtons.forEach(function(variantInput) {
          variantInput.addEventListener('change', function() {
            var variant_Id = ui.apiGetValue(variantInput);
            var variant = ui.logic.apiGetVariantById(variant_Id);
            ui.logic.apiChangeVariant(variant_Id);
          });
        });
        // PDP custom select price update
        setTimeout(() => {
          var variantDropdown = Array.from(document.querySelectorAll('#product-variants .dropdown ul li'));
          variantDropdown.map(function(item) {
            item.addEventListener('click', function() {
              let variantId = this.getAttribute('data-value');
              ui.logic.apiChangeVariant(variantId);
            });
          });
        }, 600)
        /* Handle the plan selectors for each group. In this case, it is a <select> */
        var planSelectors = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plans-select', ui.$form);
        planSelectors.forEach(function(planSelector) {
          planSelector.addEventListener("change", function() {
            ui.logic.apiChangePlan(ui.apiGetValue(planSelector));
          });
        });
        /* Signal possible change in pricing displays when quantity is changed */
        /*
        var qty = ui.$form.querySelector('input[name="quantity"]');
        qty.addEventListener("change", function() {
          ui.logic.apiChangePlan(ui.logic.getCurrentCopy().planId);
        });
        */
      },
      /* Called when Plan (the subscription frequency) is changed. */
      /* Called when One time purchase is selected. */
      uiOnPlanChange: function(ui, currentInfo) {
        if (currentInfo.groupId && currentInfo.planId) {
          /* Ensures the <select> option reflects the change in planId. */
          ui.apiSetValue(ui.apiQuerySelectorDataTag('data-smartrr-selling-plans-select', ui.$form, currentInfo.groupId), currentInfo.planId);
        }
      },
      /* Called when the group (One time purchase / Subscribe & Save) is changed. */
      uiOnGroupChange: function(ui, currentInfo) {
        var grpSelect = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-input', ui.$form);
        var benefit_text = ui.$form.querySelector('.data-smartrr-benefits')
        grpSelect.forEach(function(grp) {
          if (grp.dataset.smartrrSellingPlanGroupId !== "" && grp.checked == true) {
            benefit_text.style.opacity = 1;
          } else {
            benefit_text.style.opacity = 0.3;
          }
        })
        /* Use this to implement active class on Groups */
        /*
        var groupDivs = ui.apiQuerySelectorAllDataTag('data-smartrr-selling-plan-group-id', ui.$form);
        groupDivs.forEach(function(group) {
          if (currentInfo.groupId === ui.apiGetAttribute(group, 'data-smartrr-selling-plan-group-id')) {
            group.classList.add('smartrr-group-active');
          } else {
            group.classList.remove('smartrr-group-active');
          }
        });
        */
      },
      /* Called when the variant is changed */
      uiOnVariantChange: function(ui, currentInfo) {},
      /* Called when the quantity is retrieved for used in pricing display calculation. */
      uiGetQuantity: function(ui) {
        /* Handle the quantity input on the page here. */
        /* return 1 if you don't want quantity to be considered in pricing display elements */
        /* return ui.apiGetValue(ui.$form.querySelector('input[name="quantity"]')); */
        return 1;
      },
      uiModifyPrice: function(ui, $div, money) {
        /*
        Change price here based on requirements. For example, setting up per case/pound/bag price.
        money.regular: amount that shows up when strike display is chosen. This is the original un-discounted price.
        money.subscribe: the final discounted price or one-time price that shows up in the checkout.
        */
        return money;
      }
    };
    window.initSmartrr && window.initSmartrr("8310793044199");
  </script>
  <div class="addy-btn">
    <h2><span class="price">Price:</span> <span class="home_prod_price">$34.99</span></h2>
    <input type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
  </div>
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="46319277801703" data-title="easter kit" data-price="$59.99" data-unit-price="" data-package-breakdown=""> easter kit $59.99 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="46319277801703" data-display-text="">
              <div class="variant-first-line"><span>easter kit</span><span>$59.99</span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="44283989491943" data-title="2 bags" data-price="$28.48" data-unit-price="$1.50 / oz" data-package-breakdown="9.5 oz / bag"> 2 bags $28.48 </option>
        <option value="44283989524711" data-title="3 bags" data-price="$41.82" data-unit-price="$1.47 / oz" data-package-breakdown="save 7%"> 3 bags $41.82 </option>
        <option value="44283989557479" data-title="4 bags" data-price="$50.97" data-unit-price="$1.34 / oz" data-package-breakdown="save 15%"> 4 bags $50.97 </option>
        <option value="44283989590247" data-title="5 bags" data-price="$59.96" data-unit-price="$1.26 / oz" data-package-breakdown="save 20%"> 5 bags $59.96 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="44283989491943" data-display-text="">
              <div class="variant-first-line"><span>2 bags</span><span>$28.48</span></div>
              <div class="variant-second-line"><span>9.5 oz / bag</span><span>$1.50 / oz</span></div>
            </li>
            <li class="option  " data-value="44283989524711" data-display-text="">
              <div class="variant-first-line"><span>3 bags</span><span>$41.82</span></div>
              <div class="variant-second-line"><span>save 7%</span><span>$1.47 / oz</span></div>
            </li>
            <li class="option  " data-value="44283989557479" data-display-text="">
              <div class="variant-first-line"><span>4 bags</span><span>$50.97</span></div>
              <div class="variant-second-line"><span>save 15%</span><span>$1.34 / oz</span></div>
            </li>
            <li class="option  " data-value="44283989590247" data-display-text="">
              <div class="variant-first-line"><span>5 bags</span><span>$59.96</span></div>
              <div class="variant-second-line"><span>save 20%</span><span>$1.26 / oz</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="44284178727143" data-title="2 bags" data-price="$28.48" data-unit-price="$1.50 / oz" data-package-breakdown="9.5 oz / bag"> 2 bags $28.48 </option>
        <option value="44284178759911" data-title="3 bags" data-price="$41.82" data-unit-price="$1.47 / oz" data-package-breakdown="save 7%"> 3 bags $41.82 </option>
        <option value="44284178792679" data-title="4 bags" data-price="$50.97" data-unit-price="$1.34 / oz" data-package-breakdown="save 15%"> 4 bags $50.97 </option>
        <option value="44284178825447" data-title="5 bags" data-price="$59.96" data-unit-price="$1.26 / oz" data-package-breakdown="save 20%"> 5 bags $59.96 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="44284178727143" data-display-text="">
              <div class="variant-first-line"><span>2 bags</span><span>$28.48</span></div>
              <div class="variant-second-line"><span>9.5 oz / bag</span><span>$1.50 / oz</span></div>
            </li>
            <li class="option  " data-value="44284178759911" data-display-text="">
              <div class="variant-first-line"><span>3 bags</span><span>$41.82</span></div>
              <div class="variant-second-line"><span>save 7%</span><span>$1.47 / oz</span></div>
            </li>
            <li class="option  " data-value="44284178792679" data-display-text="">
              <div class="variant-first-line"><span>4 bags</span><span>$50.97</span></div>
              <div class="variant-second-line"><span>save 15%</span><span>$1.34 / oz</span></div>
            </li>
            <li class="option  " data-value="44284178825447" data-display-text="">
              <div class="variant-first-line"><span>5 bags</span><span>$59.96</span></div>
              <div class="variant-second-line"><span>save 20%</span><span>$1.26 / oz</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="44294734807271" data-title="2 bags" data-price="$28.48" data-unit-price="$1.32 / oz" data-package-breakdown="11 oz / bag"> 2 bags $28.48 </option>
        <option value="44294734840039" data-title="3 bags" data-price="$37.64" data-unit-price="$1.14 / oz" data-package-breakdown="save 7%"> 3 bags $37.64 </option>
        <option value="44294734905575" data-title="4 bags" data-price="$45.87" data-unit-price="$1.04 / oz" data-package-breakdown="save 15%"> 4 bags $45.87 </option>
        <option value="44294734938343" data-title="5 bags" data-price="$53.96" data-unit-price="$.98 / oz" data-package-breakdown="save 20%"> 5 bags $53.96 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="44294734807271" data-display-text="">
              <div class="variant-first-line"><span>2 bags</span><span>$28.48</span></div>
              <div class="variant-second-line"><span>11 oz / bag</span><span>$1.32 / oz</span></div>
            </li>
            <li class="option  " data-value="44294734840039" data-display-text="">
              <div class="variant-first-line"><span>3 bags</span><span>$37.64</span></div>
              <div class="variant-second-line"><span>save 7%</span><span>$1.14 / oz</span></div>
            </li>
            <li class="option  " data-value="44294734905575" data-display-text="">
              <div class="variant-first-line"><span>4 bags</span><span>$45.87</span></div>
              <div class="variant-second-line"><span>save 15%</span><span>$1.04 / oz</span></div>
            </li>
            <li class="option  " data-value="44294734938343" data-display-text="">
              <div class="variant-first-line"><span>5 bags</span><span>$53.96</span></div>
              <div class="variant-second-line"><span>save 20%</span><span>$.98 / oz</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="44283754479847" data-title="2 bags" data-price="$28.48" data-unit-price="$1.92 / oz" data-package-breakdown="7.4 oz / bag"> 2 bags $28.48 </option>
        <option value="44283754512615" data-title="3 bags" data-price="$41.82" data-unit-price="$1.88 / oz" data-package-breakdown="save 7%"> 3 bags $41.82 </option>
        <option value="44283754545383" data-title="4 bags" data-price="$50.97" data-unit-price="$1.72 / oz" data-package-breakdown="save 15%"> 4 bags $50.97 </option>
        <option value="44283754578151" data-title="5 bags" data-price="$59.96" data-unit-price="$1.62 / oz" data-package-breakdown="save 20%"> 5 bags $59.96 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="44283754479847" data-display-text="">
              <div class="variant-first-line"><span>2 bags</span><span>$28.48</span></div>
              <div class="variant-second-line"><span>7.4 oz / bag</span><span>$1.92 / oz</span></div>
            </li>
            <li class="option  " data-value="44283754512615" data-display-text="">
              <div class="variant-first-line"><span>3 bags</span><span>$41.82</span></div>
              <div class="variant-second-line"><span>save 7%</span><span>$1.88 / oz</span></div>
            </li>
            <li class="option  " data-value="44283754545383" data-display-text="">
              <div class="variant-first-line"><span>4 bags</span><span>$50.97</span></div>
              <div class="variant-second-line"><span>save 15%</span><span>$1.72 / oz</span></div>
            </li>
            <li class="option  " data-value="44283754578151" data-display-text="">
              <div class="variant-first-line"><span>5 bags</span><span>$59.96</span></div>
              <div class="variant-second-line"><span>save 20%</span><span>$1.62 / oz</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="45222305071335" data-title="2 bags" data-price="$28.48" data-unit-price="$1.29 / oz" data-package-breakdown="11 oz / bag"> 2 bags $28.48 </option>
        <option value="45222305104103" data-title="3 bags" data-price="$41.82" data-unit-price="$1.14 / oz" data-package-breakdown="save 7%"> 3 bags $41.82 </option>
        <option value="45222305136871" data-title="4 bags" data-price="$50.97" data-unit-price="$1.04 / oz" data-package-breakdown="save 15%"> 4 bags $50.97 </option>
        <option value="45222305169639" data-title="5 bags" data-price="$59.96" data-unit-price="$0.98 / oz" data-package-breakdown="save 20%"> 5 bags $59.96 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="45222305071335" data-display-text="">
              <div class="variant-first-line"><span>2 bags</span><span>$28.48</span></div>
              <div class="variant-second-line"><span>11 oz / bag</span><span>$1.29 / oz</span></div>
            </li>
            <li class="option  " data-value="45222305104103" data-display-text="">
              <div class="variant-first-line"><span>3 bags</span><span>$41.82</span></div>
              <div class="variant-second-line"><span>save 7%</span><span>$1.14 / oz</span></div>
            </li>
            <li class="option  " data-value="45222305136871" data-display-text="">
              <div class="variant-first-line"><span>4 bags</span><span>$50.97</span></div>
              <div class="variant-second-line"><span>save 15%</span><span>$1.04 / oz</span></div>
            </li>
            <li class="option  " data-value="45222305169639" data-display-text="">
              <div class="variant-first-line"><span>5 bags</span><span>$59.96</span></div>
              <div class="variant-second-line"><span>save 20%</span><span>$0.98 / oz</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="45222407602407" data-title="2 bags" data-price="$28.48" data-unit-price="$1.29 / oz" data-package-breakdown="11 oz / bag"> 2 bags $28.48 </option>
        <option value="45222407635175" data-title="3 bags" data-price="$41.82" data-unit-price="$1.14 / oz" data-package-breakdown="save 7%"> 3 bags $41.82 </option>
        <option value="45222407667943" data-title="4 bags" data-price="$50.97" data-unit-price="$1.04 / oz" data-package-breakdown="save 15%"> 4 bags $50.97 </option>
        <option value="45222407700711" data-title="5 bags" data-price="$59.96" data-unit-price="$.98 / oz" data-package-breakdown="save 20%"> 5 bags $59.96 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="45222407602407" data-display-text="">
              <div class="variant-first-line"><span>2 bags</span><span>$28.48</span></div>
              <div class="variant-second-line"><span>11 oz / bag</span><span>$1.29 / oz</span></div>
            </li>
            <li class="option  " data-value="45222407635175" data-display-text="">
              <div class="variant-first-line"><span>3 bags</span><span>$41.82</span></div>
              <div class="variant-second-line"><span>save 7%</span><span>$1.14 / oz</span></div>
            </li>
            <li class="option  " data-value="45222407667943" data-display-text="">
              <div class="variant-first-line"><span>4 bags</span><span>$50.97</span></div>
              <div class="variant-second-line"><span>save 15%</span><span>$1.04 / oz</span></div>
            </li>
            <li class="option  " data-value="45222407700711" data-display-text="">
              <div class="variant-first-line"><span>5 bags</span><span>$59.96</span></div>
              <div class="variant-second-line"><span>save 20%</span><span>$.98 / oz</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="37199860891840" data-title="3 bags" data-price="$20.97" data-unit-price="$2.06 / oz" data-package-breakdown="3.4 oz / bag"> 3 bags $20.97 </option>
        <option value="37199860924608" data-title="6 bags" data-price="$38.94" data-unit-price="$1.91 / oz" data-package-breakdown="save 7%"> 6 bags $38.94 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="37199860891840" data-display-text="">
              <div class="variant-first-line"><span>3 bags</span><span>$20.97</span></div>
              <div class="variant-second-line"><span>3.4 oz / bag</span><span>$2.06 / oz</span></div>
            </li>
            <li class="option  " data-value="37199860924608" data-display-text="">
              <div class="variant-first-line"><span>6 bags</span><span>$38.94</span></div>
              <div class="variant-second-line"><span>save 7%</span><span>$1.91 / oz</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="37928420212928" data-title="Complete Variety" data-price="$38.94" data-unit-price="" data-package-breakdown=""> Complete Variety $38.94 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="37928420212928" data-display-text="">
              <div class="variant-first-line"><span>Complete Variety</span><span>$38.94</span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

POST /cart/add

<form action="/cart/add" method="post">
  <div class="select_qty_chooser">
    <div id="product-variants">
      <select id="product-select" name="id" class="special-drop">
        <option value="" data-display-text="Quick Add +">None</option>
        <option value="46209129021671" data-title="vegan variety" data-price="$34.99" data-unit-price="" data-package-breakdown=""> vegan variety $34.99 </option>
      </select>
      <div class="dropdown special-drop" tabindex="0"><span class="current">Quick Add +</span>
        <div class="list">
          <ul>
            <li class="option  selected" data-value="" data-display-text="Quick Add +">
              <div class="variant-first-line"><span>None</span><span></span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
            <li class="option  " data-value="46209129021671" data-display-text="">
              <div class="variant-first-line"><span>vegan variety</span><span>$34.99</span></div>
              <div class="variant-second-line"><span></span><span></span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <input style="display: none;" type="submit" value="Add to cart" id="addtocart" class="addtocart btn">
</form>

<form id="newsletter_form_omnisend_footer" class="omnisend-subscribe-form">
  <!-- <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> -->
  <div class="input-group password__input-group">
    <input type="hidden" name="contact[tags]" value="newsletter">
    <input type="email" name="contact[email]" id="Email" class="input-group__field newsletter__input omnisend-subscribe-input-email" value="" placeholder="Email Address" autocorrect="off" autocapitalize="off">
    <span class="input-group__btn">
      <button type="submit" class="btn newsletter__submit" name="commit" id="Subscribe">
        <span class="newsletter__submit-text--large">Subscribe</span>
      </button>
    </span>
  </div>
  <!-- </form> -->
</form>

POST #

<form class="acsb-form" data-acsb-search="form" enctype="multipart/form-data" action="#" method="POST"> <input type="text" tabindex="0" name="acsb_search" autocomplete="off" placeholder="Unclear content? Search in dictionary..."
    aria-label="Unclear content? Search in dictionary..."> <i class="acsbi-search"></i> <i class="acsbi-chevron_down"></i> </form>

<form id="omnisend-form-613b7cd04c7d9c001d9971fa-submit-form" class="omnisend-form-613b7cd04c7d9c001d9971fa-sections-container" novalidate="">
  <style type="text/css">
    .omnisend-form-613b7cd04c7d9c001d9971fa-section-63e2113e2ead3b61e89f5191 {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 20px;
      padding-bottom: 20px;
      ;
      align-items: center;
    }

    .omnisend-form-613b7cd04c7d9c001d9971fa-section-63e2113e2ead3b61e89f5191-opacity-layer {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      opacity: 1;
      ;
    }
  </style>
  <div class="omnisend-form-613b7cd04c7d9c001d9971fa-section-63e2113e2ead3b61e89f5191">
    <div class="omnisend-form-613b7cd04c7d9c001d9971fa-section-63e2113e2ead3b61e89f5191-opacity-layer"></div>
    <style type="text/css">
      .omnisend-form-613b7cd04c7d9c001d9971fa-column-63e2113e2ead3b61e89f5193 {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        position: relative;
      }

      @media screen and (max-width: 600px) {
        .omnisend-form-613b7cd04c7d9c001d9971fa-column-63e2113e2ead3b61e89f5193 {
          width: 100%;
        }
      }
    </style>
    <div class="omnisend-mobile-container omnisend-form-613b7cd04c7d9c001d9971fa-column-63e2113e2ead3b61e89f5193">
      <!--Text content block starts -->
      <style type="text/css">
        .omnisend-form-613b7cd04c7d9c001d9971fa-text-63e2113e2ead3b61e89f5194 {
          padding-top: 12px;
          padding-bottom: 12px;
          padding-left: 12px;
          padding-right: 12px;
        }

        .omnisend-form-613b7cd04c7d9c001d9971fa-text-63e2113e2ead3b61e89f5194 a {
          color: #7c706b;
        }

        .omnisend-form-613b7cd04c7d9c001d9971fa-text-63e2113e2ead3b61e89f5194,
        .omnisend-form-613b7cd04c7d9c001d9971fa-text-63e2113e2ead3b61e89f5194 p,
        .omnisend-form-613b7cd04c7d9c001d9971fa-text-63e2113e2ead3b61e89f5194 li {
          margin: 0px;
          color: #d33138 !important;
          font-family: Verdana, sans-serif !important;
          font-size: 20px !important;
          line-height: 100% !important;
          word-break: break-word;
        }
      </style>
      <div class="omnisend-form-613b7cd04c7d9c001d9971fa-text-63e2113e2ead3b61e89f5194">
        <p style="text-align: center;"><strong>enjoy 10% off!</strong></p>
      </div>
      <!--Text content block ends -->
      <!--Text content block starts -->
      <style type="text/css">
        .omnisend-form-613b7cd04c7d9c001d9971fa-text-63e2113e2ead3b61e89f5195 {
          padding-top: 12px;
          padding-bottom: 12px;
          padding-left: 12px;
          padding-right: 12px;
        }

        .omnisend-form-613b7cd04c7d9c001d9971fa-text-63e2113e2ead3b61e89f5195 a {
          color: #7c706b;
        }

        .omnisend-form-613b7cd04c7d9c001d9971fa-text-63e2113e2ead3b61e89f5195,
        .omnisend-form-613b7cd04c7d9c001d9971fa-text-63e2113e2ead3b61e89f5195 p,
        .omnisend-form-613b7cd04c7d9c001d9971fa-text-63e2113e2ead3b61e89f5195 li {
          margin: 0px;
          color: #7c706b !important;
          font-family: Tahoma, sans-serif !important;
          font-size: 14px !important;
          line-height: 115% !important;
          word-break: break-word;
        }
      </style>
      <div class="omnisend-form-613b7cd04c7d9c001d9971fa-text-63e2113e2ead3b61e89f5195">
        <p style="text-align: center;">stay up to date on all things UNREAL and get 10% off your first order!</p>
      </div>
      <!--Text content block ends -->
      <style>
        .omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196 {
          padding-left: 12px;
          padding-right: 12px;
          padding-top: 6px;
          padding-bottom: 6px;
          display: flex;
          flex-direction: column;
        }
      </style>
      <div id="omnisend-form-613b7cd04c7d9c001d9971fa-field-63e2113e2ead3b61e89f5196" class="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196">
        <style>
          label[for^=omnisend].omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-label {
            color: #7c706b;
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 12px;
            padding-bottom: 12px;
            ;
            font-family: Tahoma, sans-serif;
            font-size: 14px;
            line-height: 120%;
            word-break: break-word;
          }

          label[for^=omnisend].omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-label.error {
            color: #ee9292;
          }
        </style>
        <style>
          #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-emailField-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-input {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            outline: none;
            border: none;
            background-color: transparent;
            padding: 0;
            margin: 0;
            width: 100%;
            height: auto;
            flex-basis: 0;
            flex-grow: 1;
            box-sizing: border-box;
            padding-left: 16px;
            padding-right: 16px;
            padding-top: 16px;
            padding-bottom: 16px;
            color: #7c706b;
            background-color: #ffffff;
            border-radius: 8px;
            border-style: solid;
            border-color: #fccfcf;
            border-width: 2px;
            ;
          }

          #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-emailField-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-input:focus {
            outline: auto;
          }

          #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-emailField-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-input::placeholder {
            opacity: 1;
            color: #7c706b;
            ;
          }

          #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-emailField-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-input {
            font-family: Tahoma, sans-serif;
            font-size: 14px;
            line-height: 120%;
          }

          #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-emailField-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-input.error {
            border-color: #ee9292;
          }
        </style>
        <input id="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-emailField-input" class="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-input" type="email"
          placeholder="email address" name="emailField" required="" maxlength="" oninput="" aria-label="">
        <style>
          .omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-required {
            padding-top: 12px;
            padding-bottom: 12px;
            padding-left: 0px;
            padding-right: 0px;
            ;
            font-family: Tahoma, sans-serif;
            font-size: 14px;
            line-height: 120%;
            color: #ee9292;
          }
        </style>
        <div class="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-required" style="display: none;">Please fill in all required form fields!</div>
        <style>
          .omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-error {
            padding-top: 12px;
            padding-bottom: 12px;
            padding-left: 0px;
            padding-right: 0px;
            ;
            font-family: Tahoma, sans-serif;
            font-size: 14px;
            line-height: 120%;
            color: #ee9292;
          }
        </style>
        <div class="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5196-error" style="display: none;">hmmm... that email looks incorrect.</div>
      </div>
      <style>
        .omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197 {
          padding-left: 12px;
          padding-right: 12px;
          padding-top: 6px;
          padding-bottom: 6px;
          ;
          display: flex;
          flex-direction: column;
        }

        .omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-field-wrapper {
          display: flex;
          position: relative;
          gap: 16px;
        }
      </style>
      <div class="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197">
        <style>
          label[for^=omnisend].omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-label {
            color: #7c706b;
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 12px;
            padding-bottom: 12px;
            ;
            font-family: Tahoma, sans-serif;
            font-size: 14px;
            line-height: 120%;
            word-break: break-word;
          }

          label[for^=omnisend].omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-label.error {
            color: #ee9292;
          }
        </style>
        <label for="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateMonth-input" class="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-label"> birthday! </label>
        <div class="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-field-wrapper">
          <style>
            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateMonth-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input {
              -webkit-appearance: none;
              -moz-appearance: none;
              -ms-appearance: none;
              -o-appearance: none;
              appearance: none;
              outline: none;
              border: none;
              background-color: transparent;
              padding: 0;
              margin: 0;
              width: 100%;
              height: auto;
              flex-basis: 0;
              flex-grow: 1;
              box-sizing: border-box;
              padding-left: 16px;
              padding-right: 16px;
              padding-top: 16px;
              padding-bottom: 16px;
              color: #7c706b;
              background-color: #ffffff;
              border-radius: 8px;
              border-style: solid;
              border-color: #fccfcf;
              border-width: 2px;
              ;
            }

            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateMonth-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input:focus {
              outline: auto;
            }

            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateMonth-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input::placeholder {
              opacity: 1;
              color: #7c706b;
              ;
            }

            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateMonth-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input {
              font-family: Tahoma, sans-serif;
              font-size: 14px;
              line-height: 120%;
            }

            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateMonth-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input.error {
              border-color: #ee9292;
            }
          </style>
          <input id="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateMonth-input" class="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input" type="tel" placeholder="MM"
            name="birthdateMonth" maxlength="2" oninput="setTimeout(()=>{this.value=this.value.replace(/[^0-9]/g,'')}, 100);" aria-label="Month input">
          <style>
            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateDay-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input {
              -webkit-appearance: none;
              -moz-appearance: none;
              -ms-appearance: none;
              -o-appearance: none;
              appearance: none;
              outline: none;
              border: none;
              background-color: transparent;
              padding: 0;
              margin: 0;
              width: 100%;
              height: auto;
              flex-basis: 0;
              flex-grow: 1;
              box-sizing: border-box;
              padding-left: 16px;
              padding-right: 16px;
              padding-top: 16px;
              padding-bottom: 16px;
              color: #7c706b;
              background-color: #ffffff;
              border-radius: 8px;
              border-style: solid;
              border-color: #fccfcf;
              border-width: 2px;
              ;
            }

            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateDay-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input:focus {
              outline: auto;
            }

            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateDay-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input::placeholder {
              opacity: 1;
              color: #7c706b;
              ;
            }

            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateDay-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input {
              font-family: Tahoma, sans-serif;
              font-size: 14px;
              line-height: 120%;
            }

            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateDay-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input.error {
              border-color: #ee9292;
            }
          </style>
          <input id="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateDay-input" class="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input" type="tel" placeholder="DD"
            name="birthdateDay" maxlength="2" oninput="setTimeout(()=>{this.value=this.value.replace(/[^0-9]/g,'')}, 100);" aria-label="Day input">
          <style>
            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateYear-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input {
              -webkit-appearance: none;
              -moz-appearance: none;
              -ms-appearance: none;
              -o-appearance: none;
              appearance: none;
              outline: none;
              border: none;
              background-color: transparent;
              padding: 0;
              margin: 0;
              width: 100%;
              height: auto;
              flex-basis: 0;
              flex-grow: 1;
              box-sizing: border-box;
              padding-left: 16px;
              padding-right: 16px;
              padding-top: 16px;
              padding-bottom: 16px;
              color: #7c706b;
              background-color: #ffffff;
              border-radius: 8px;
              border-style: solid;
              border-color: #fccfcf;
              border-width: 2px;
              ;
            }

            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateYear-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input:focus {
              outline: auto;
            }

            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateYear-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input::placeholder {
              opacity: 1;
              color: #7c706b;
              ;
            }

            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateYear-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input {
              font-family: Tahoma, sans-serif;
              font-size: 14px;
              line-height: 120%;
            }

            #omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateYear-input.omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input.error {
              border-color: #ee9292;
            }
          </style>
          <input id="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-birthdateYear-input" class="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-input" type="tel" placeholder="YYYY"
            name="birthdateYear" maxlength="4" oninput="setTimeout(()=>{this.value=this.value.replace(/[^0-9]/g,'')}, 100);" aria-label="Year input">
        </div>
        <style>
          .omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-required {
            padding-top: 12px;
            padding-bottom: 12px;
            padding-left: 0px;
            padding-right: 0px;
            ;
            font-family: Tahoma, sans-serif;
            font-size: 14px;
            line-height: 120%;
            color: #ee9292;
          }
        </style>
        <div class="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-required" style="display: none;">Please fill in all required form fields!</div>
        <style>
          .omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-error {
            padding-top: 12px;
            padding-bottom: 12px;
            padding-left: 0px;
            padding-right: 0px;
            ;
            font-family: Tahoma, sans-serif;
            font-size: 14px;
            line-height: 120%;
            color: #ee9292;
          }
        </style>
        <div class="omnisend-form-613b7cd04c7d9c001d9971fa-field-container-63e2113e2ead3b61e89f5197-error" style="display: none;">hmmm... that birthday looks incorrect.</div>
      </div>
      <!--Button content block starts -->
      <style type="text/css">
        .omnisend-form-613b7cd04c7d9c001d9971fa-action-container-63e2113e2ead3b61e89f5198 {
          padding-top: 6px;
          padding-bottom: 6px;
          padding-left: 12px;
          padding-right: 12px;
          ;
          display: flex;
          flex-direction: column;
          word-break: break-word;
        }

        #omnisend-form-613b7cd04c7d9c001d9971fa-action-63e2113e2ead3b61e89f5198.omnisend-form-613b7cd04c7d9c001d9971fa-action-63e2113e2ead3b61e89f5198 {
          align-self: center;
          width: 100%;
          box-sizing: border-box;
          text-align: center;
          cursor: pointer;
          line-height: 120%;
          margin: 0;
          letter-spacing: normal;
          font-family: Tahoma, sans-serif;
          font-size: 18px;
          font-weight: bold;
          font-style: normal;
          text-decoration: none;
          color: #ffffff;
          background-color: #d33138;
          border-radius: 8px;
          border-width: 0px;
          border-style: solid;
          border-color: #ffffff;
          padding-bottom: 12px;
          padding-top: 12px;
          padding-left: 16px;
          padding-right: 16px;
        }

        #omnisend-form-613b7cd04c7d9c001d9971fa-action-63e2113e2ead3b61e89f5198.omnisend-form-613b7cd04c7d9c001d9971fa-action-63e2113e2ead3b61e89f5198:disabled {
          cursor: default;
          opacity: 0.6;
        }

        .omnisend-form-613b7cd04c7d9c001d9971fa-error {
          padding-top: 12px;
          padding-bottom: 12px;
          padding-left: 0px;
          padding-right: 0px;
          ;
          font-family: Tahoma, sans-serif;
          font-size: 14px;
          line-height: 120%;
          color: #ee9292;
        }
      </style>
      <div class="omnisend-form-613b7cd04c7d9c001d9971fa-action-container-63e2113e2ead3b61e89f5198">
        <div class="omnisend-form-613b7cd04c7d9c001d9971fa-error" style="display: none;">Something went wrong!</div>
        <button class="omnisend-form-613b7cd04c7d9c001d9971fa-action-63e2113e2ead3b61e89f5198" id="omnisend-form-613b7cd04c7d9c001d9971fa-action-63e2113e2ead3b61e89f5198" type="submit">sign up</button>
      </div>
    </div>
  </div>
</form>

Text Content

Use Website In a Screen-Reader Mode
Skip to Content
↵ENTER
Skip to Menu
↵ENTER
Skip to Footer
↵ENTER

Hi! Looks like you're in Canada. We've partnered with Natura Market so you can
get some UNREAL in the great white north. Want to redirect?
yes, pleaseno, thanks
×

Enjoy free shipping on orders $30+

 * products
   
   Welcome to Unreal.
   
   Your favorite snacks using only real, simple ingredients and with way less
   sugar. For real.
   
   shop all snacks
   
   
   FEATURED SNACKS
   
   BARS
   
   CUPS
   
   GEMS
   
   VARIETY PACKS
   
   BUILD A BOX
 * explore
   * about us
   * faq
   * contact us
   * where to buy
   * account


 * shop all snacks
   
 * 0

 * 0

0
 * products
   * bars
   * cups
   * gems
   * build a box
 * our story
 * store locator
    * Contact Us
    * FAQs
   
    * Sign In
    * Register

   shop all snacks
   
   Enjoy free shipping on orders $30+

   tiktok


YOUR FAVORITE CHOCOLATE SNACKS, WITH WAY LESS SUGAR. FOR REAL.

shop all snacks

"They really hit that balance of coconut and dark chocolate perfectly. With just
three ingredients, they're also vegan and contain only 3 grams of sugar."

"I want to be buried with these peanut butter cups."

"If you’re a chocolate lover, this brand offers delicious, healthier
alternatives. Unreal uses up to 51%, less sugar than the leading brand and all
ingredients are organic, sustainable and non-GMO."

dietary options
 * certified vegan
 * gluten-free certified
 * non-gmo certified
 * kosher


EASTER EGG KIT

Shop
None easter kit $59.99
Quick Add +
 * None
   
 * easter kit$59.99
   

▲


EASTER EGG KIT

 * REVIEWS


SURPRISINGLY GOOD!



I have been very pleasantly surprised by how good these are. As a diabetic, I'm
always looking for tasty snacks that are low in carbs and sugar. Your products
meet this standard.

Nessim Levy


Choose Options easter kit $59.99
Quantity
- +



PRICE: $59.99


(159 Reviews)


COCONUT BARS - VALUE BAGS

Shop
None 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quick Add +
 * None
   
 * 2 bags$28.48
   9.5 oz / bag$1.50 / oz
 * 3 bags$41.82
   save 7%$1.47 / oz
 * 4 bags$50.97
   save 15%$1.34 / oz
 * 5 bags$59.96
   save 20%$1.26 / oz

▲


COCONUT BARS - VALUE BAGS

 * INGREDIENTS

 * REVIEWS

organic coconut, organic cassava syrup, dark chocolate (chocolate liquor, cane
sugar, cocoa butter, vanilla)


SURPRISINGLY GOOD!



I have been very pleasantly surprised by how good these are. As a diabetic, I'm
always looking for tasty snacks that are low in carbs and sugar. Your products
meet this standard.

Nessim Levy


Choose Options 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quantity
- +

No available purchase options for this selection.
one time purchase

subscribe and save 10%!
Deliver Every
every 1 month every 2 months every 3 months every 4 months
✓free shipping in the contiguous US
✓no commitment, cancel anytime
✓save on every order


PRICE: $28.48


(155 Reviews)


PEANUT BUTTER CUPS - VALUE BAGS

Shop
None 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quick Add +
 * None
   
 * 2 bags$28.48
   9.5 oz / bag$1.50 / oz
 * 3 bags$41.82
   save 7%$1.47 / oz
 * 4 bags$50.97
   save 15%$1.34 / oz
 * 5 bags$59.96
   save 20%$1.26 / oz

▲


PEANUT BUTTER CUPS - VALUE BAGS

 * INGREDIENTS

 * REVIEWS

dark chocolate (chocolate liquor, cane sugar, cocoa butter, vanilla), organic
peanuts, organic cane sugar, organic palm oil (sustainably sourced), organic
peanut flour, organic blue agave inulin, sea salt, sunflower lecithin.


SURPRISINGLY GOOD!



I have been very pleasantly surprised by how good these are. As a diabetic, I'm
always looking for tasty snacks that are low in carbs and sugar. Your products
meet this standard.

Nessim Levy


Choose Options 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quantity
- +

No available purchase options for this selection.
one time purchase

subscribe and save 10%!
Deliver Every
every 1 month every 2 months every 3 months every 4 months
✓free shipping in the contiguous US
✓no commitment, cancel anytime
✓save on every order


PRICE: $28.48


(90 Reviews)


PEANUT GEMS - VALUE BAGS

Shop
None 2 bags $28.48 3 bags $37.64 4 bags $45.87 5 bags $53.96
Quick Add +
 * None
   
 * 2 bags$28.48
   11 oz / bag$1.32 / oz
 * 3 bags$37.64
   save 7%$1.14 / oz
 * 4 bags$45.87
   save 15%$1.04 / oz
 * 5 bags$53.96
   save 20%$.98 / oz

▲


PEANUT GEMS - VALUE BAGS

 * INGREDIENTS

 * REVIEWS

dark chocolate (chocolate liquor, cane sugar, cocoa butter, vanilla), roasted
peanuts (peanuts, peanut oil), organic cane sugar, gum acacia, colored with
(beet juice, spirulina extract), organic tapioca syrup, carnauba wax.


SURPRISINGLY GOOD!



I have been very pleasantly surprised by how good these are. As a diabetic, I'm
always looking for tasty snacks that are low in carbs and sugar. Your products
meet this standard.

Nessim Levy


Choose Options 2 bags $28.48 3 bags $37.64 4 bags $45.87 5 bags $53.96
Quantity
- +

No available purchase options for this selection.
one time purchase

subscribe and save 10%!
Deliver Every
every 1 month every 2 months every 3 months every 4 months
✓free shipping in the contiguous US
✓no commitment, cancel anytime
✓save on every order


PRICE: $28.48


(72 Reviews)


ALMOND BUTTER CUPS - VALUE BAGS

Shop
None 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quick Add +
 * None
   
 * 2 bags$28.48
   7.4 oz / bag$1.92 / oz
 * 3 bags$41.82
   save 7%$1.88 / oz
 * 4 bags$50.97
   save 15%$1.72 / oz
 * 5 bags$59.96
   save 20%$1.62 / oz

▲


ALMOND BUTTER CUPS - VALUE BAGS

 * INGREDIENTS

 * REVIEWS

dark chocolate (chocolate liquor, cane sugar, cocoa butter, vanilla), almonds,
organic cane sugar, organic palm oil (sustainably sourced), organic blue agave
inulin, organic coconut flour, sea salt, sunflower lecithin.


SURPRISINGLY GOOD!



I have been very pleasantly surprised by how good these are. As a diabetic, I'm
always looking for tasty snacks that are low in carbs and sugar. Your products
meet this standard.

Nessim Levy


Choose Options 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quantity
- +

No available purchase options for this selection.
one time purchase

subscribe and save 10%!
Deliver Every
every 1 month every 2 months every 3 months every 4 months
✓free shipping in the contiguous US
✓no commitment, cancel anytime
✓save on every order


PRICE: $28.48


(58 Reviews)


MILK CHOCOLATE GEMS - VALUE BAGS

Shop
None 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quick Add +
 * None
   
 * 2 bags$28.48
   11 oz / bag$1.29 / oz
 * 3 bags$41.82
   save 7%$1.14 / oz
 * 4 bags$50.97
   save 15%$1.04 / oz
 * 5 bags$59.96
   save 20%$0.98 / oz

▲


MILK CHOCOLATE GEMS - VALUE BAGS

 * REVIEWS


SURPRISINGLY GOOD!



I have been very pleasantly surprised by how good these are. As a diabetic, I'm
always looking for tasty snacks that are low in carbs and sugar. Your products
meet this standard.

Nessim Levy


Choose Options 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quantity
- +

No available purchase options for this selection.
one time purchase

subscribe and save 10%!
Deliver Every
every 1 month every 2 months every 3 months every 4 months
✓free shipping in the contiguous US
✓no commitment, cancel anytime
✓save on every order


PRICE: $28.48


(55 Reviews)


CRISPY QUINOA GEMS - VALUE BAGS

Shop
None 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quick Add +
 * None
   
 * 2 bags$28.48
   11 oz / bag$1.29 / oz
 * 3 bags$41.82
   save 7%$1.14 / oz
 * 4 bags$50.97
   save 15%$1.04 / oz
 * 5 bags$59.96
   save 20%$.98 / oz

▲


CRISPY QUINOA GEMS - VALUE BAGS

 * REVIEWS


SURPRISINGLY GOOD!



I have been very pleasantly surprised by how good these are. As a diabetic, I'm
always looking for tasty snacks that are low in carbs and sugar. Your products
meet this standard.

Nessim Levy


Choose Options 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quantity
- +

No available purchase options for this selection.
one time purchase

subscribe and save 10%!
Deliver Every
every 1 month every 2 months every 3 months every 4 months
✓free shipping in the contiguous US
✓no commitment, cancel anytime
✓save on every order


PRICE: $28.48


(95 Reviews)


CARAMEL PEANUT NOUGAT BAR - STANDARD BAGS

Shop
None 3 bags $20.97 6 bags $38.94
Quick Add +
 * None
   
 * 3 bags$20.97
   3.4 oz / bag$2.06 / oz
 * 6 bags$38.94
   save 7%$1.91 / oz

▲


CARAMEL PEANUT NOUGAT BAR - STANDARD BAGS

 * ABOUT

 * INGREDIENTS

 * REVIEWS

up to 40% less sugar than the leading brand and over 70% organic ingredients!

bag has 5 individually wrapped 0.67oz bars

organic cassava syrup, dark chocolate (cocoa beans, cane sugar, cocoa butter,
sunflower lecithin, vanilla beans), organic peanuts, organic cane sugar, organic
palm oil+, almonds, organic pea protein, organic powdered sugar, less than 0.5%:
cashews, vanilla extract, sea salt, sunflower lecithin, organic grass-fed whey
protein, organic spelt flour.


SURPRISINGLY GOOD!



I have been very pleasantly surprised by how good these are. As a diabetic, I'm
always looking for tasty snacks that are low in carbs and sugar. Your products
meet this standard.

Nessim Levy

certified non-gmo*

fair trade ingredients

no sugar alcohols

no soy ingredients

sustainable ingredients

Choose Options 3 bags $20.97 6 bags $38.94
Quantity
- +



PRICE: $20.97


(76 Reviews)


COMPLETE VARIETY PACK

Shop
None Complete Variety $38.94
Quick Add +
 * None
   
 * Complete Variety$38.94
   

▲


COMPLETE VARIETY PACK

 * ABOUT

 * INGREDIENTS

 * REVIEWS

our complete variety pack has one bag each of the following products:

dark Chocolate Peanut Butter Cups, Dark Chocolate Almond Butter Cups
Dark Chocolate Peanut Gems, Milk Chocolate Gems
Dark Chocolate Caramel Peanut Nougat Bars, Dark Chocolate Coconut Bars

Dark Chocolate Peanut Butter Cups, Dark Chocolate Almond Butter Cups, Dark
Chocolate Peanut Gems, Milk Chocolate Gems, Dark Chocolate Caramel Peanut Nougat
Bars, and Dark Chocolate Coconut Bars.


SURPRISINGLY GOOD!



I have been very pleasantly surprised by how good these are. As a diabetic, I'm
always looking for tasty snacks that are low in carbs and sugar. Your products
meet this standard.

Nessim Levy

fair trade ingredients

no sugar alcohols

no soy ingredients

sustainable ingredients

Choose Options Complete Variety $38.94
Quantity
- +

No available purchase options for this selection.
one time purchase

subscribe and save 10%!
Deliver Every
every 1 month every 2 months every 3 months every 4 months
✓free shipping in the contiguous US
✓no commitment, cancel anytime
✓save on every order


PRICE: $38.94


(49 Reviews)


VEGAN VARIETY PACK

Shop
None vegan variety $34.99
Quick Add +
 * None
   
 * vegan variety$34.99
   

▲


VEGAN VARIETY PACK

 * REVIEWS


SURPRISINGLY GOOD!



I have been very pleasantly surprised by how good these are. As a diabetic, I'm
always looking for tasty snacks that are low in carbs and sugar. Your products
meet this standard.

Nessim Levy


Choose Options vegan variety $34.99
Quantity
- +

No available purchase options for this selection.
one time purchase

subscribe and save 10%!
Deliver Every
every 1 month every 2 months every 3 months every 4 months
✓free shipping in the contiguous US
✓no commitment, cancel anytime
✓save on every order


PRICE: $34.99


EASTER EGG KIT

Shop

None easter kit $59.99
Quick Add +
 * None
   
 * easter kit$59.99
   


(159 Reviews)


COCONUT BARS - VALUE BAGS

Shop

None 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quick Add +
 * None
   
 * 2 bags$28.48
   9.5 oz / bag$1.50 / oz
 * 3 bags$41.82
   save 7%$1.47 / oz
 * 4 bags$50.97
   save 15%$1.34 / oz
 * 5 bags$59.96
   save 20%$1.26 / oz


(155 Reviews)


PEANUT BUTTER CUPS - VALUE BAGS

Shop

None 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quick Add +
 * None
   
 * 2 bags$28.48
   9.5 oz / bag$1.50 / oz
 * 3 bags$41.82
   save 7%$1.47 / oz
 * 4 bags$50.97
   save 15%$1.34 / oz
 * 5 bags$59.96
   save 20%$1.26 / oz


(90 Reviews)


PEANUT GEMS - VALUE BAGS

Shop

None 2 bags $28.48 3 bags $37.64 4 bags $45.87 5 bags $53.96
Quick Add +
 * None
   
 * 2 bags$28.48
   11 oz / bag$1.32 / oz
 * 3 bags$37.64
   save 7%$1.14 / oz
 * 4 bags$45.87
   save 15%$1.04 / oz
 * 5 bags$53.96
   save 20%$.98 / oz


(72 Reviews)


ALMOND BUTTER CUPS - VALUE BAGS

Shop

None 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quick Add +
 * None
   
 * 2 bags$28.48
   7.4 oz / bag$1.92 / oz
 * 3 bags$41.82
   save 7%$1.88 / oz
 * 4 bags$50.97
   save 15%$1.72 / oz
 * 5 bags$59.96
   save 20%$1.62 / oz


(58 Reviews)


MILK CHOCOLATE GEMS - VALUE BAGS

Shop

None 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quick Add +
 * None
   
 * 2 bags$28.48
   11 oz / bag$1.29 / oz
 * 3 bags$41.82
   save 7%$1.14 / oz
 * 4 bags$50.97
   save 15%$1.04 / oz
 * 5 bags$59.96
   save 20%$0.98 / oz


(55 Reviews)


CRISPY QUINOA GEMS - VALUE BAGS

Shop

None 2 bags $28.48 3 bags $41.82 4 bags $50.97 5 bags $59.96
Quick Add +
 * None
   
 * 2 bags$28.48
   11 oz / bag$1.29 / oz
 * 3 bags$41.82
   save 7%$1.14 / oz
 * 4 bags$50.97
   save 15%$1.04 / oz
 * 5 bags$59.96
   save 20%$.98 / oz


(95 Reviews)


CARAMEL PEANUT NOUGAT BAR - STANDARD BAGS

Shop

None 3 bags $20.97 6 bags $38.94
Quick Add +
 * None
   
 * 3 bags$20.97
   3.4 oz / bag$2.06 / oz
 * 6 bags$38.94
   save 7%$1.91 / oz


(76 Reviews)


COMPLETE VARIETY PACK

Shop

None Complete Variety $38.94
Quick Add +
 * None
   
 * Complete Variety$38.94
   


(49 Reviews)


VEGAN VARIETY PACK

Shop

None vegan variety $34.99
Quick Add +
 * None
   
 * vegan variety$34.99
   


OUR STORY

We started UNREAL so everyone can enjoy their favorite chocolate snacks without
all the sugar. We make our products with deliciously rich fair trade chocolate
and simple, organic, non-gmo project-verified ingredients. And we don't use
sugar alcohols, stevia, or IMOs. We just use less sugar. For real.

AND THE TASTE IS UNREAL!

fair trade ingredients

way less sugar*

nothing artificial

no sugar alcohols

no soy ingredients

sustainable ingredients

certified non-gmo*

certified vegan*

certified gluten-free*

*product specific certifications, confirm on items detail page

fair trade ingredients

way less sugar*

nothing artificial

no sugar alcohols

no soy ingredients

sustainable ingredients

certified non-gmo*

certified vegan*

certified gluten-free*

*product specific certifications, confirm on items detail page


FREE SHIPPING ON ORDERS $30+


THOUSANDS OF 5 STAR REVIEWS

Previous


THOUSANDS OF 5 STAR REVIEWS

IT'S TRULY UNREAL HOW CLOSE THEIR PRODUCTS TASTE TO THE NAME-BRAND CLASSICS BUT
BETTER! THEY ALL ARE MIND-BLOWINGLY DELICIOUS!

— Anonymous




THOUSANDS OF 5 STAR REVIEWS

THESE CHOCOLATE GEMS ARE DELICIOUS. THEY ARE TASTY AND HAVE CLEAN
INGREDIENTS...THEY ARE CREAMY AND NOT TOO SWEET. NO MORE OTHER BRANDS FOR ME!

— Anonymous




THOUSANDS OF 5 STAR REVIEWS

UTTER. PERFECTION! JUST THE RIGHT AMOUNT OF SWEETNESS TO COMPLEMENT THE TIMELESS
COMBINATION OF HIGH QUALITY DARK CHOCOLATE AND RICH SMOOTH TOASTY PEANUT BUTTER.

— Anonymous




THOUSANDS OF 5 STAR REVIEWS

THESE ARE INCREDIBLE AND MAKE YOU WONDER WHAT YOU WERE EVER EATING BEFORE YOU
TRIED THEM.

— Leanna Frankland




THOUSANDS OF 5 STAR REVIEWS

IT'S TRULY UNREAL HOW CLOSE THEIR PRODUCTS TASTE TO THE NAME-BRAND CLASSICS BUT
BETTER! THEY ALL ARE MIND-BLOWINGLY DELICIOUS!

— Anonymous




THOUSANDS OF 5 STAR REVIEWS

THESE CHOCOLATE GEMS ARE DELICIOUS. THEY ARE TASTY AND HAVE CLEAN
INGREDIENTS...THEY ARE CREAMY AND NOT TOO SWEET. NO MORE OTHER BRANDS FOR ME!

— Anonymous




THOUSANDS OF 5 STAR REVIEWS

UTTER. PERFECTION! JUST THE RIGHT AMOUNT OF SWEETNESS TO COMPLEMENT THE TIMELESS
COMBINATION OF HIGH QUALITY DARK CHOCOLATE AND RICH SMOOTH TOASTY PEANUT BUTTER.

— Anonymous




THOUSANDS OF 5 STAR REVIEWS

THESE ARE INCREDIBLE AND MAKE YOU WONDER WHAT YOU WERE EVER EATING BEFORE YOU
TRIED THEM.

— Leanna Frankland




THOUSANDS OF 5 STAR REVIEWS

IT'S TRULY UNREAL HOW CLOSE THEIR PRODUCTS TASTE TO THE NAME-BRAND CLASSICS BUT
BETTER! THEY ALL ARE MIND-BLOWINGLY DELICIOUS!

— Anonymous


Next

share your UNREAL snacking experiences!

tiktok
 * Contact Us
 * Wholesale Shop
 * FAQs
 * Privacy Policy
 * Terms & Conditions
 * Where To Buy
 * Products
 * Home
 * About us
 * Terms of Service
 * Refund policy

Enter your email for newsletters and updates

Subscribe
tiktok

Copyright © 2023 Unreal Brands Inc. | Site Credits


YOUR CART (0)

FREE STANDARD SHIPPING ON ORDERS OVER $30 YOU'VE UNLOCKED FREE STANDARD SHIPPING
P.S. YOU'RE ONLY $30.00 AWAY FROM FREE SHIPPING

YOUR CART IS CURRENTLY EMPTY. LET US HELP YOU FIND THE RIGHT SNACK

shop cups shop bars shop all snacks

free shipping on orders $30+

Subtotal $0.00
Shipping TBD FREE FREE

Your Total $0.00
Include a Gift Note?
To
From
Message
Checkout - $0.00

×



English
Accessibility Adjustments
Reset Settings Statement Hide Interface

Choose the right accessibility profile for you
OFF ON
Seizure Safe Profile Clear flashes & reduces color
This profile enables epileptic and seizure prone users to browse safely by
eliminating the risk of seizures that result from flashing or blinking
animations and risky color combinations.
OFF ON
Vision Impaired Profile Enhances website's visuals
This profile adjusts the website, so that it is accessible to the majority of
visual impairments such as Degrading Eyesight, Tunnel Vision, Cataract,
Glaucoma, and others.
OFF ON
ADHD Friendly Profile More focus & fewer distractions
This profile significantly reduces distractions, to help people with ADHD and
Neurodevelopmental disorders browse, read, and focus on the essential elements
of the website more easily.
OFF ON
Cognitive Disability Profile Assists with reading & focusing
This profile provides various assistive features to help users with cognitive
disabilities such as Autism, Dyslexia, CVA, and others, to focus on the
essential elements of the website more easily.
OFF ON
Keyboard Navigation (Motor) Use website with the keyboard
This profile enables motor-impaired persons to operate the website using the
keyboard Tab, Shift+Tab, and the Enter keys. Users can also use shortcuts such
as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics)
to jump to specific elements.

Note: This profile prompts automatically for keyboard users.
OFF ON
Blind Users (Screen Reader) Optimize website for screen-readers
This profile adjusts the website to be compatible with screen-readers such as
JAWS, NVDA, VoiceOver, and TalkBack. A screen-reader is software that is
installed on the blind user’s computer and smartphone, and websites should
ensure compatibility with it.

Note: This profile prompts automatically to screen-readers.
Content Adjustments
Content Scaling
Default

Readable Font
Highlight Titles
Highlight Links
Text Magnifier
Adjust Font Sizing
Default

Align Center
Adjust Line Height
Default

Align Left
Adjust Letter Spacing
Default

Align Right
Color Adjustments
Dark Contrast
Light Contrast
High Contrast
High Saturation
Adjust Text Colors
Cancel
Monochrome
Adjust Title Colors
Cancel
Low Saturation
Adjust Background Colors
Cancel
Orientation Adjustments
Mute Sounds
Hide Images
Read Mode
Reading Guide
Useful Links
Select an option Home Header Footer Main Content
Stop Animations
Reading Mask
Highlight Hover
Highlight Focus
Big Black Cursor
Big White Cursor
HIDDEN_ADJUSTMENTS
Keyboard Navigation
Accessible Mode
Screen Reader Adjustments
Read Mode
Web Accessibility By
Learn More
Choose the Interface Language
English
Español
Deutsch
Português
Français
Italiano
עברית
繁體中文
Pусский
عربى
عربى
Nederlands
繁體中文
日本語
Polski
Türk
Accessibility StatementCompliance status

We firmly believe that the internet should be available and accessible to anyone
and are committed to providing a website that is accessible to the broadest
possible audience, regardless of ability.

To fulfill this, we aim to adhere as strictly as possible to the World Wide Web
Consortium’s (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) at the AA
level. These guidelines explain how to make web content accessible to people
with a wide array of disabilities. Complying with those guidelines helps us
ensure that the website is accessible to blind people, people with motor
impairments, visual impairment, cognitive disabilities, and more.

This website utilizes various technologies that are meant to make it as
accessible as possible at all times. We utilize an accessibility interface that
allows persons with specific disabilities to adjust the website’s UI (user
interface) and design it to their personal needs.

Additionally, the website utilizes an AI-based application that runs in the
background and optimizes its accessibility level constantly. This application
remediates the website’s HTML, adapts its functionality and behavior for
screen-readers used by blind users, and for keyboard functions used by
individuals with motor impairments.

If you wish to contact the website’s owner please use the website's form

Screen-reader and keyboard navigation

Our website implements the ARIA attributes (Accessible Rich Internet
Applications) technique, alongside various behavioral changes, to ensure blind
users visiting with screen-readers can read, comprehend, and enjoy the website’s
functions. As soon as a user with a screen-reader enters your site, they
immediately receive a prompt to enter the Screen-Reader Profile so they can
browse and operate your site effectively. Here’s how our website covers some of
the most important screen-reader requirements:

 1. Screen-reader optimization: we run a process that learns the website’s
    components from top to bottom, to ensure ongoing compliance even when
    updating the website. In this process, we provide screen-readers with
    meaningful data using the ARIA set of attributes. For example, we provide
    accurate form labels; descriptions for actionable icons (social media icons,
    search icons, cart icons, etc.); validation guidance for form inputs;
    element roles such as buttons, menus, modal dialogues (popups), and others. 
    
    Additionally, the background process scans all of the website’s images. It
    provides an accurate and meaningful image-object-recognition-based
    description as an ALT (alternate text) tag for images that are not
    described. It will also extract texts embedded within the image using an OCR
    (optical character recognition) technology. To turn on screen-reader
    adjustments at any time, users need only to press the Alt+1 keyboard
    combination. Screen-reader users also get automatic announcements to turn
    the Screen-reader mode on as soon as they enter the website.
    
    These adjustments are compatible with popular screen readers such as JAWS,
    NVDA, VoiceOver, and TalkBack.
    
    
 2. Keyboard navigation optimization: The background process also adjusts the
    website’s HTML and adds various behaviors using JavaScript code to make the
    website operable by the keyboard. This includes the ability to navigate the
    website using the Tab and Shift+Tab keys, operate dropdowns with the arrow
    keys, close them with Esc, trigger buttons and links using the Enter key,
    navigate between radio and checkbox elements using the arrow keys, and fill
    them in with the Spacebar or Enter key.
    
    Additionally, keyboard users will find content-skip menus available at any
    time by clicking Alt+2, or as the first element of the site while navigating
    with the keyboard. The background process also handles triggered popups by
    moving the keyboard focus towards them as soon as they appear, not allowing
    the focus to drift outside.
    
    Users can also use shortcuts such as “M” (menus), “H” (headings), “F”
    (forms), “B” (buttons), and “G” (graphics) to jump to specific elements.

Disability profiles supported on our website
 * Epilepsy Safe Profile: this profile enables people with epilepsy to safely
   use the website by eliminating the risk of seizures resulting from flashing
   or blinking animations and risky color combinations.
 * Vision Impaired Profile: this profile adjusts the website so that it is
   accessible to the majority of visual impairments such as Degrading Eyesight,
   Tunnel Vision, Cataract, Glaucoma, and others.
 * Cognitive Disability Profile: this profile provides various assistive
   features to help users with cognitive disabilities such as Autism, Dyslexia,
   CVA, and others, to focus on the essential elements more easily.
 * ADHD Friendly Profile: this profile significantly reduces distractions and
   noise to help people with ADHD, and Neurodevelopmental disorders browse,
   read, and focus on the essential elements more easily.
 * Blind Users Profile (Screen-readers): this profile adjusts the website to be
   compatible with screen-readers such as JAWS, NVDA, VoiceOver, and TalkBack. A
   screen-reader is installed on the blind user’s computer, and this site is
   compatible with it.
 * Keyboard Navigation Profile (Motor-Impaired): this profile enables
   motor-impaired persons to operate the website using the keyboard Tab,
   Shift+Tab, and the Enter keys. Users can also use shortcuts such as “M”
   (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to
   jump to specific elements.

Additional UI, design, and readability adjustments
 1. Font adjustments – users can increase and decrease its size, change its
    family (type), adjust the spacing, alignment, line height, and more.
 2. Color adjustments – users can select various color contrast profiles such as
    light, dark, inverted, and monochrome. Additionally, users can swap color
    schemes of titles, texts, and backgrounds with over seven different coloring
    options.
 3. Animations – epileptic users can stop all running animations with the click
    of a button. Animations controlled by the interface include videos, GIFs,
    and CSS flashing transitions.
 4. Content highlighting – users can choose to emphasize essential elements such
    as links and titles. They can also choose to highlight focused or hovered
    elements only.
 5. Audio muting – users with hearing devices may experience headaches or other
    issues due to automatic audio playing. This option lets users mute the
    entire website instantly.
 6. Cognitive disorders – we utilize a search engine linked to Wikipedia and
    Wiktionary, allowing people with cognitive disorders to decipher meanings of
    phrases, initials, slang, and others.
 7. Additional functions – we allow users to change cursor color and size, use a
    printing mode, enable a virtual keyboard, and many other functions.

Assistive technology and browser compatibility

We aim to support as many browsers and assistive technologies as possible, so
our users can choose the best fitting tools for them, with as few limitations as
possible. Therefore, we have worked very hard to be able to support all major
systems that comprise over 95% of the user market share, including Google
Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS, and NVDA
(screen readers), both for Windows and MAC users.

Notes, comments, and feedback

Despite our very best efforts to allow anybody to adjust the website to their
needs, there may still be pages or sections that are not fully accessible, are
in the process of becoming accessible, or are lacking an adequate technological
solution to make them accessible. Still, we are continually improving our
accessibility, adding, updating, improving its options and features, and
developing and adopting new technologies. All this is meant to reach the optimal
level of accessibility following technological advancements. If you wish to
contact the website’s owner, please use the website's form

Hide Accessibility Interface? Please note: If you choose to hide the
accessibility interface, you won't be able to see it anymore, unless you clear
your browsing history and data. Are you sure that you wish to hide the
interface?
Accept Cancel

Continue



Processing the data, please give it a few seconds...
Press Alt+1 for screen-reader mode

enjoy 10% off!

stay up to date on all things UNREAL and get 10% off your first order!

Please fill in all required form fields!
hmmm... that email looks incorrect.
birthday!

Please fill in all required form fields!
hmmm... that birthday looks incorrect.
Something went wrong!
sign up

Thanks for joining! Check your inbox for your first UNREAL deal!

Thank you! You're already subscribed to this list!