Dimls

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

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

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

<!-- /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

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

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

  .mfp-content {

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

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

Dimls

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

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

<!-- Related Products-->
{% if section.settings.show_related_products == true %}
    {% assign products_limit = settings.product_grid_columns | times:2 %}
    <div class="grid--full wrapper related-products text-center">
        {% assign collection_found = false %}
        {% assign empty_collection_found = false %}

        {% assign current_collection = collection %}
        {% assign current_product = product %}

Dimls

{% comment %} Settings Slide Out Navigation {% endcomment %}
{% assign menuPrimary = section.settings.menu_1_list %}
{% assign menuSecondary = section.settings.menu_2_list %}
{% if section.settings.show_announcement %}
{% include 'announcement-bar' %}
{% endif %}
<style>
.main-logo .logo {max-width: {{ section.settings.logo_max_width | append: 'px' }}; }
</style>