dpw1

{% if request.page_type == 'product' %}


  
<script>

window.buttonPriceHandlerVariants = [
  
{% for variant in product.variants %}
  {

dpw1

<style>
      .EzfyColorVariants{
      display: flex;
        opacity: 0;
        transition: all .32s;
        align-items: center;
        flex-wrap: wrap;
  }

dpw1

<script>

  window.ezfyColorSwatchesList = [
{% for block in section.blocks %}
  {% assign color_name = block.settings.color_name | downcase %}

  {% assign image = block.settings.color_image_optional %}
  {% assign is_dual_color = false %}

  {% if block.type == 'multicolor' %}

dpw1

{%- liquid
  assign variants_available_arr = product.variants | map: 'available'
  assign variants_option1_arr = product.variants | map: 'option1'
  assign variants_option2_arr = product.variants | map: 'option2'
  assign variants_option3_arr = product.variants | map: 'option3'

  assign product_form_id = 'product-form-' | append: section.id
-%}

<style>

dpw1

,
  {
    "name": "Badge colors & font size",
    "settings": [
      {
        "type": "header",
        "content": "Custom badge colors by ezfycode.com"
      },
      {
        "type": "checkbox",

dpw1

{% if settings.enable_ezfy_badges_color %}
  <style>
    {% comment %}EZFY Variables Liquid [start]{% endcomment %}
    {% assign sales_badge_background_color = settings.sales_badge_background_color %}
    {% assign sales_badge_text_color = settings.sales_badge_text_color %}
    {% assign sales_badge_text_size_desktop = settings.sales_badge_text_size_desktop %}
    {% assign sales_badge_text_size_mobile = settings.sales_badge_text_size_mobile %}
    {% assign sold_out_badge_background_color = settings.sold_out_badge_background_color %}
    {% assign sold_out_badge_text_color = settings.sold_out_badge_text_color %}
    {% assign sold_out_text_size_desktop = settings.sold_out_text_size_desktop %}

dpw1

/* ## Collection page and sections (change badges color/font size)
https://ezfycode.com/blog/dawn-theme-how-to-customize-badges-color-and-size
================================== */

.card .badge[class*="accent"],
.card .badge[class*="inverse"],
.product .badge[class*="sale"],
.product .badge[class*="sold"] {
  border-color: transparent !important;

dpw1

<script>
const REMOVE = `manual, best-selling`;


window.ezfyCollectionFilter = window.ezfyCollectionFilter || {};

ezfyCollectionFilter = (function () {


function _isCartPage() {

dpw1

{% comment %}Hide sold out variants by ezfycode.com [START]{% endcomment %}
{% assign all_products = null | sort %}
{% assign count = 0 %}

{% for each in section.settings.collection.products %}
{% if each.available %}
{% assign _product = each | sort %}
{% assign all_products = all_products | concat:_product %}
{% endif %}

dpw1

 {% assign second_image_number = 3 %}

             {% assign image_to_show = second_image_number | minus:1 %}
             {% assign ezfy_image_on_hover = card_product.media[image_to_show] %}

      
           
                <img
                  srcset="
                    {%- if ezfy_image_on_hover.width >= 165 -%}{{ ezfy_image_on_hover | image_url: width: 165 }} 165w,{%- endif -%}