Dimls

              $(function() {
         if (typeof(productOptions) != "undefined") {
             $('.single-variant-available').change(function() {
                 if ($('.single-variant-available > option:selected').data('base-price') == null) {
                     $('#AddToCartSold').show().find('#AddToCartTextDesk').html("Make a Selection");


                     $('#quantity-container,.quantity-selector').hide();
                     $('#AddToCartDesk').hide();
                     $('#ProductPrice').hide();

Dimls

<script>
var productOptions = [];
 {% for option in product.options %}
  var optionObj = {};
  optionObj[ {{ forloop.index0 }} ] = "{{ product.options[forloop.index0] }}";
  productOptions.push(optionObj);
 {% endfor %}
</script>

Dimls

<style>
  
  @media only screen and (max-width: 768px){
  
    #AddToCartDesk, #AddToCartSold{
       margin-left: auto;
      margin-right: auto;
    } 
    

Dimls

PaloAlto.QuickBuyPopup = (function($selector) {
  var container, product, sectionId;

  var $mfpData;
  $selector.magnificPopup({
    type: 'ajax',
    alignTop: true,
    removalDelay: 300,
    mainClass: 'popup-quick-buy mfp-fade',
    callbacks: {

Dimls

/*============================================================================
  #Quick Buy
==============================================================================*/

.popup-quick-buy {
  .wrapper {
    padding: 0;
  }

  .mfp-content {

Dimls

<!-- /snippets/product-grid-item.liquid -->
{% include 'grid-logic' %}

{% assign tag = false %}
{% if product.available %}
  {% assign sold_out = false %}
{% else %}
  {% assign sold_out = true %}
  {% assign tag = true %}
{% endif %}

Dimls

<!-- Snippets/product-description.liquid -->

<div class="product-description" itemprop="description">

  {% assign MFTab2 = product.metafields.tab2.content %}
  {% assign MFTab3 = product.metafields.tab3.content %}
  {% assign MFTab4 = product.metafields.tab4.content %}
  
    <ul class="tabs js-tabs-container">
    {% if tab_1 != blank %}

Dimls

/*============================================================================
  #Collection List
==============================================================================*/

.collection-grid-item__image{
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

Dimls

{% if collection.image %}
  {%- assign collection_image = collection.image -%}
{% elsif collection.products.first and collection.products.first.images != empty %}
  {%- assign collection_image = collection.products.first.featured_image -%}
{% else %}
  {% assign collection_image = blank %}
{% endif %}

<div class="collection-grid-item">
  <a href="{% if collection.products == empty %}#!{% else %}{{ collection.url }}{% endif %}" class="collection-grid-item__link">

Dimls

<div class = "wrapper">
  {% if section.settings.title != blank %}
    <div class="text-center list-collectons-title">
      <h2>{{ section.settings.title | escape }}</h2>
    </div>
  {% endif %}

  {% case section.settings.grid %}
    {% when 2 %}
      {%- assign grid_item_width = 'large--one-half medium-down--one-whole' -%}