Dimls

<!-- /sections/search-template.liquid -->


<style>
  
  .grid__image img {
    {% if section.settings.search-images-size %}
    object-fit: cover;
    height: 100%;
    width: 100%;

Dimls

<!-- /snippets/card-rework.liquid -->



{% comment %}

This snippet is used to showcase each product during the loop,
'for product in collection.products' in collection.liquid.

{% endcomment %}

Dimls

<!-- snippets/card-price-mobile.liquid -->

<a href="{{ item.url | within: collection }}" class="product-grid-card-link">
  <div class="mobile-price-container">
    <p class="h2 product-title">
      <a href="{{ item.url | within: collection }}">{{ item.title | truncate:25 }}</a>
    </p>
    {% if on_sale %}
    {% if item.price_varies %}
    {% assign sale_price = item.price | money_without_trailing_zeros %}

Dimls

                      <a id="cartTotal" href="/cart" aria-label="{{ 'cart.labels.items_added' | t }}" class="js-cartToggle cartToggle nav-item-fixed nav-item diamond-outline">
                            <svg width="40px" height="48px" viewBox="0 0 40 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <g id="Group">
                                        <polygon id="Rectangle-2" fill="#FFFFFF" points="4 17 36 17 38 46 1 46"></polygon>
                                        <path d="M39.6,46.7 L36,16.7 C35.9,16.2 35.5,15.8 35,15.8 L29.9,15.8 L29.9,9.9 C29.9,4.4 25.4,0 20,0 C14.6,0 10.1,4.4 10.1,9.9 L10.1,15.8 L5,15.8 C4.5,15.8 4.1,16.2 4,16.7 L0.4,46.9 C0.4,47.2 0.5,47.5 0.6,47.7 C0.8,47.9 1.1,48 1.4,48 L38.6,48 C38.6,48 38.6,48 38.6,48 C39.2,48 39.6,47.6 39.6,47 C39.6,46.9 39.6,46.8 39.6,46.7 Z M12.1,9.9 C12.1,5.5 15

Dimls

jQuery(function($){
  MobileZoom = {
    init: function(){
      Reqs.pannZoom();
      
      $('.product-image-img').on('click', function(){
        var image_url = $(this).closest('.product-image').attr('data-bg-src') || $(this).closest('.product-image').attr('data-image');
        MobileZoom.image(image_url);
      });
    },

Dimls

imageZoom: {
        init: function(){
      Reqs.pannZoom();
      
      $('.product-image-img').on('click', function(){
        var image_url = $(this).closest('.product-image').attr('data-bg-src') || $(this).closest('.product-image').attr('data-image');
        imageZoom.image(image_url);
      });
    },
    image: function(url){

Dimls

{% comment %} Settings {% endcomment %}
{% assign title = section.settings.title %}
{% if title == blank %}
{% assign no_title = "no-title" %}
{% endif %}

{% if section.settings.section_type == 'images' %}
{% assign show_images = true %}
{% assign show_collection = false %}
{% assign num_blocks = section.blocks.size %}

Dimls

theme.Sections.ProductLargeTemplate = function (container) {
    var $mainContainer = $(container);    
    if($mainContainer.closest('[data-section-id="product-alternate-template"]').length > 0) {
        theme.Products.init(container);
        theme.Slick.initProdPhoto(container);
        theme.Slick.initVariant(container);
        theme.Variants.init(container, true);
        theme.ProductPage.init(container);
    } else {
        $mainContainer.find('.desktop-featured-product').each(function() {

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' -%}

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">