scalesoutlet#50962-addToCart.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
    (function($) {
        "use strict";
            if(!$('input[id^="attribute_productlist_"]:checked').prop('required')) {
                $('input[id^="attribute_productlist_"]').val('0');
                $('form[data-cart-item-add]').on('submit', function(e){
                    e.preventDefault();
                    var productPickedId = $('input[id^="attribute_productlist_"]:checked').data('product-id');
                    setTimeout(function() {$.ajax('/cart.php?action=add&product_id=' + productPickedId)}, 1000);
                });
            }
    })(window.jQuerySupermarket || window.jQuery || jQuery);
</script>

scalesoutlet#50962-footerLinks.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  (function($) {
      "use strict";
      const links = [{
          heading: "Resources",
          links: [{
              title: "Terms & Conditions",
              url: "#"
          }, {
              title: "Reseller Program",
              url: "#"
          }, {
              title: "Contact Us",
              url: "#"
          }, {
              title: "Blog",
              url: "#"
          }, {
              title: "Privacy Policy",
              url: "#"
          }, {
              title: "Sitemap",
              url: "#"
          }]
      }, {
          heading: "Policies",
          links: [{
              title: "Services",
              url: "#"
          }, {
              title: "How to Order",
              url: "#"
          }, {
              title: "Why Shop With Us?",
              url: "#"
          }, {
              title: "Resources & Help Center",
              url: "#"
          }, {
              title: "Credit Account Setup",
              url: "#"
          }, {
              title: "Shipping & Return Policy",
              url: "#"
          }, {
              title: "Free Shipping",
              url: "#"
          }]
      }];

      var data = ``;
      links.map(function(value, index) {
          data += `<div style="width: 50%; flex: 1 1 50%; max-width: 50%"><h5 class="footer-info-heading">${value.heading}</h5><ul style="column-count: 1;" class="footer-info-list">`;
          value.links.map(function(value, index) {
              data += `<li><a href="${value.url}">${value.title}</a></li>`;
          });
          data += `</ul></div>`;
      });

      $('[data-section-type="footer-webPages"]').html(data);

      if ($(window).width() < 800) {
           $('[data-section-type="footer-webPages"]').attr("style", "display: flex; flex-wrap: wrap; flex: 1 1 100%; width: 100%; max-width: 100%");
      } else {
           $('[data-section-type="footer-webPages"]').attr("style", "display: flex; flex-wrap: wrap");
      }

      $(window).resize(function() {
          var width = $(window).width();
          if (width < 800){
               $('[data-section-type="footer-webPages"]').attr("style", "display: flex; flex-wrap: wrap; flex: 1 1 100%; width: 100%; max-width: 100%");
          } else {
              $('[data-section-type="footer-webPages"]').attr("style", "display: flex; flex-wrap: wrap");
          }
      });
  }
  )(window.jQuerySupermarket || window.jQuery || jQuery);
  </script>

scalesoutlet#50962-instruction.md

1. Add Script to Footer scripts
   1.1 Open the Footer scripts editor: Store Manager ==> Store front ==> Footer scripts
   1.2 Add script above to footer editor and save.
   1.3 Edit footer links content.
   

   • To edit footer link content. In footer link custom js you find: java const links = [{}] and edit text and link. Do not alter the structure.

2. Add code in the product-list.html
   2.1 Open theme editor: Store Manager ==> Store front ==> Current Theme ==> Advanced ==> Edit Theme Files.
   2.2 In here you browser follow the path bellow: templates -> components -> products -> options -> product-list.html

   • Open product-list.html file and insert code behind param id="attribute_productlist_0_{{id}}" in line:37 insert this code: javadata-product-id="{{data}}"
     The code look like:
     

   value="0"
   id="attribute_productlist_0_{{id}}"
   data-product-id="{{data}}" // this is the code inserted
   checked="{{#if defaultValue '==' 0}}checked{{/if}}" required>

   • Chooes Save & apply file.
     

3. Open any product detail have product pick list and check it.