ihorduchenko

{%- comment -%}
https://www.npmjs.com/package/@adearriba/shopify-checkout?activeTab=code
{%- endcomment -%}
<script type="module" src="{{ 'shopify-checkout.js' | asset_url }}"></script>

<script>
  import { $checkout } from './shopify-checkout.js';
  $checkout.on('load', (e) => {
    console.log(e); 
    let discountNumberLineEl = document.querySelector('[data-checkout-discount-amount-target]');

ihorduchenko

var post;

// Call the API
fetch('https://jsonplaceholder.typicode.com/posts/5').then(function (response) {
	if (response.ok) {
		return response.json();
	} else {
		return Promise.reject(response);
	}
}).then(function (data) {

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"