ihorduchenko

<fieldset class="filtersDropdown">
  <div class="filtersDropdownTrigger">
    Dropdown trigger
    <div class="caret pointer-events-none">
      <svg class="pointer-events-none"><use xlink:href="#icon-angle-down"></use></svg>
    </div>
  </div>
  <div class="dropdown-body"></div>
</fieldset>

ihorduchenko

{%- assign is_thank_you_page = false -%}
{%- if checkout_html_classes contains 'page--thank-you' -%}
  {%- assign is_thank_you_page = true -%}
{%- endif -%}

ihorduchenko

ablyftTools.domLoaded(function(){
  document.documentElement.classList.add('ablyft-loaded');
  document.documentElement.classList.remove('no-ablyft');
});

ihorduchenko

el.addEventListener('change', (e) => {
  e.stopImmediatePropagation();
});

ihorduchenko

{{ richtext | metafield_tag }} - displays richtext metafield tag

<video>
  <source
    src="{{ video | file_url }}"
    type="video/mp4">
</video> - displays file metafield, video in this case

ihorduchenko

{% schema %}
{
  "name": "Section name",
  "templates": ["product"],
  "settings": [],
  "presets": [
    {
      "category": "Text",
      "name": "Section name",
      "settings": {}

ihorduchenko

{% comment %}Necessary HTML elements{% endcomment %}
{%- if settings.discount_code_topbanner != blank -%}
  <div class="dCodePDPTopBanner d-none">
    Dein Rabattcode <strong class="dCodeName">testAmount_20</strong> wurde aktiviert. Du sparst <strong class="dCodePercent">20</strong>% auf deinen Einkauf!
  </div>
{%- endif -%}

<span class="savingsBadge"
  data-raw-price="{{ variant.price }}"
  data-raw-comp-price="{{ variant.compare_at_price }}">

ihorduchenko

<div class="pdp-upsells--panel-row">
  {%- for prod in metafield -%}
    {%- assign first_variant = prod.variants[0] -%}
    {%- assign visibility_class = '' -%}
    <div class="pdp-upsells--cell">
      <div class="pdp-upsells--item">
        <div class="pdp-upsells--item-image img-contain">
          {%- if prod.featured_image != blank -%}
            <img
              loading="lazy"

ihorduchenko

{% assign entries = shop.metaobjects.pdp_buybox_advantages['pdp-buybox-advantages']['advantages'].value %}
{%- for item in entries -%}
  {%- assign image = item.image.value -%}
  {%- assign text = item.text.value -%}
{%- endfor -%}

ihorduchenko

<div class="countTimer" data-date="01 Jan 2030 00:00:00 GMT">
  <div class="countdown-wrapper">
    <div class="countdown-cell">
      <span class="timer-number tDays">00</span>
      <div class="timer-caption">Days</div>
    </div>
    <div class="countdown-cell">·</div>
    <div class="countdown-cell">
      <span class="timer-number tHours">00</span>
      <div class="timer-caption">hours</div>