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

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

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

{% 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

     {
    "type": "header",
    "content": "Custom options by [ezfycode.com](https://ezfycode.com)"
  },
  {
    "type": "checkbox",
    "id": "show_on_top_of_image_on_mobile_by_ezfycode",
    "label": "Show text on top of image on mobile",
    "default": true
  },

dpw1

<div class="field">
<input
id="NewsletterForm--{{ section.id }}"
type="text"
name="contact[first_name]"
class="field__input"
value=""
autocorrect="off"
autocapitalize="off"
{% if form.errors %}

dpw1

{% comment %}
  Always visible search bar by ezfycode.com
{% endcomment %}

{% assign predictive_search_height = 500 %}
{% assign search_box_width = 350 %}

<div class="EzfyHeaderSearch EzfyHeaderSearch--{{ device }}">
  {%- if settings.predictive_search_enabled -%}
    <predictive-search class="search-modal__form" data-loading-text="{{ 'accessibility.loading' | t }}">