<turbo-stream action="update" target="modal-content">
  <template>
    <div class="tw-overflow-y-auto tw-h-full tw-flex tw-flex-col tw-gap-xl tw-w-full tw-p-xl" style="scrollbar-gutter: stable;">
      <h2 class="tw-text-heading-2xl tw-pr-xl md:tw-pr-0">      Release notes
</h2>
      <div>
        
  <div class="tw-h-[75vh] md:tw-h-[60vh]">
      <div class="tw-flex tw-flex-col [&>*:not(:last-child)]:tw-border-b [&>*:not(:last-child)]:tw-border-stroke-secondary">
        <details class="tw-group tw-accordion-item"  name=accordion_tgk0wm_946c>
    <summary class="tw-list-none tw-cursor-pointer tw-flex tw-items-start tw-justify-between tw-gap-xs tw-bg-canvas-primary tw-py-md">
      <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 1.2.3</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      March 19, 2026
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Added a setting "Mobile grid" to the collection page section, to allow customers to change the mobile grid view. Added a setting in the slideshow section that allows customers to change the font size of the slide heading on the desktop.</p>

    <p></p>
</div>

      <span role="img"><svg class="tw-mt-xs tw-w-4 tw-h-4 tw-duration-300 group-open:tw-rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg>
</span>
    </summary>
    <div class="tw-py-md tw-pr-xl md:tw-pr-0">
      <div class="tw-release-note-body"><h3><a href="#added" class="anchor"></a>Added</h3>
<ul>
<li>Added a setting "Mobile grid" to the collection page section, that allow customer change the mobile grid view;</li>
<li>Added a setting "Hide on mobile" to the header section, that allow customer to hide the burger menu on mobile;</li>
<li>Added a setting in the slideshow section that allows customers to change the font size of the slide heading on the desktop;</li>
<li>Added a "Show sound button" setting to the slideshow section for the video slides;</li>
</ul>
<h3><a href="#changed" class="anchor"></a>Changed</h3>
<ul>
<li>Update logic in the predictive search popup for unsupported languages to allow customers to go to the search page;</li>
</ul>
<h3><a href="#fixed" class="anchor"></a>Fixed</h3>
<ul>
<li>Fixed styles;</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgk0wm_946c>
    <summary class="tw-list-none tw-cursor-pointer tw-flex tw-items-start tw-justify-between tw-gap-xs tw-bg-canvas-primary tw-py-md">
      <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 1.2.2</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      January 28, 2026
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Added a "Quiz" section. Added "Sold out" text for the unavailable product options for the dropdown variants picker.<br>
Added a "Gift product" block to the product template section.</p>

    <p></p>
</div>

      <span role="img"><svg class="tw-mt-xs tw-w-4 tw-h-4 tw-duration-300 group-open:tw-rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg>
</span>
    </summary>
    <div class="tw-py-md tw-pr-xl md:tw-pr-0">
      <div class="tw-release-note-body"><h3><a href="#added" class="anchor"></a>Added</h3>
<ul>
<li>Added a "Quiz" section;</li>
<li>Added "Sold out" text for the unavailable product options for the dropdown variants picker;</li>
<li>Added a global setting to show the first product image instead of the variant image in the product card, product template section;</li>
<li>Added a "Gift product" block to the product template section;</li>
</ul>
<h3><a href="#changed" class="anchor"></a>Changed</h3>
<ul>
<li>Update PDP zoom slider scale feature to be easy to swipe when zoomed in;</li>
</ul>
<h3><a href="#fixed" class="anchor"></a>Fixed</h3>
<ul>
<li>Fixed styles;</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgk0wm_946c>
    <summary class="tw-list-none tw-cursor-pointer tw-flex tw-items-start tw-justify-between tw-gap-xs tw-bg-canvas-primary tw-py-md">
      <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 1.2.1</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      December  2, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Added a setting to the "Product template" section that allows you to change the media layout to carousel on the desktop.<br>
Added a new block "Product combination" to the "Product template" section.<br>
Added a new setting in the "Header" section that allows you to change logo position.</p>

    <p></p>
</div>

      <span role="img"><svg class="tw-mt-xs tw-w-4 tw-h-4 tw-duration-300 group-open:tw-rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg>
</span>
    </summary>
    <div class="tw-py-md tw-pr-xl md:tw-pr-0">
      <div class="tw-release-note-body"><h3><a href="#added" class="anchor"></a>Added</h3>
<ul>
<li>Added a setting to the "Product template" section that allows you to change the media layout to carousel on the desktop;</li>
<li>Added a new block "Product combination" to the "Product template" section;</li>
<li>Added a new setting in the "Header" section that allows you to change logo position;</li>
<li>Added to the "Product template" section a setting that allows you to enable auto-play for the HTML5 video in the product gallery;</li>
</ul>
<h3><a href="#fixed" class="anchor"></a>Fixed</h3>
<ul>
<li>Fixed "Inventory status" block logic in the "Product template" section;</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgk0wm_946c>
    <summary class="tw-list-none tw-cursor-pointer tw-flex tw-items-start tw-justify-between tw-gap-xs tw-bg-canvas-primary tw-py-md">
      <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 1.2.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      October  1, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Added support for high-variant products. Added a setting to show the compare price in the cart.</p>

    <p></p>
</div>

      <span role="img"><svg class="tw-mt-xs tw-w-4 tw-h-4 tw-duration-300 group-open:tw-rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg>
</span>
    </summary>
    <div class="tw-py-md tw-pr-xl md:tw-pr-0">
      <div class="tw-release-note-body"><h3><a href="#added" class="anchor"></a>Added</h3>
<ul>
<li>Added support for high-variant products;</li>
<li>Added a new section "Compare Image";</li>
<li>Added a setting to show the compare price in the cart;</li>
<li>Added a setting to the "Slideshow" section to allow making the full slide clickable;</li>
<li>Added a setting to the "Footer" section to show store policies links;</li>
</ul>
<h3><a href="#fixed" class="anchor"></a>Fixed</h3>
<ul>
<li>Fixed product card object fit image size;</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgk0wm_946c>
    <summary class="tw-list-none tw-cursor-pointer tw-flex tw-items-start tw-justify-between tw-gap-xs tw-bg-canvas-primary tw-py-md">
      <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 1.1.1</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      August 25, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Fixed listings json files to prevent error on the theme install.</p>

    <p></p>
</div>

      <span role="img"><svg class="tw-mt-xs tw-w-4 tw-h-4 tw-duration-300 group-open:tw-rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg>
</span>
    </summary>
    <div class="tw-py-md tw-pr-xl md:tw-pr-0">
      <div class="tw-release-note-body"><h3><a href="#fixed" class="anchor"></a>Fixed</h3>
<ul>
<li>Fixed listings json files to prevent error on the theme install.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgk0wm_946c>
    <summary class="tw-list-none tw-cursor-pointer tw-flex tw-items-start tw-justify-between tw-gap-xs tw-bg-canvas-primary tw-py-md">
      <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 1.1.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      August 22, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Added discounts input to the cart. Added styles to support RTL languages. Added setting 'Enable transparent header on Mobile' to the header. Added settings to the Slideshow section for text content alignments.</p>

    <p></p>
</div>

      <span role="img"><svg class="tw-mt-xs tw-w-4 tw-h-4 tw-duration-300 group-open:tw-rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg>
</span>
    </summary>
    <div class="tw-py-md tw-pr-xl md:tw-pr-0">
      <div class="tw-release-note-body"><h3><a href="#added" class="anchor"></a>Added</h3>
<ul>
<li>Added discounts input to the cart;</li>
<li>Added styles support for RTL languages;</li>
<li>Added setting 'Enable transparent header on Mobile' to the header;</li>
<li>Added settings to the Slideshow section for text content alignments;</li>
<li>Added a pre-order product template;</li>
<li>Added styles to the link in the announcement bar;</li>
<li>Added back to top button in the footer;</li>
<li>Added a sale badge for the product cards;</li>
<li>Added a back in stock feature to the product page;</li>
</ul>
<h3><a href="#fixed" class="anchor"></a>Fixed</h3>
<ul>
<li>Fixed product card swatches when the color option contains a comma;</li>
<li>Fixed a Store locator section, when phone field is empty and prevent opening accordions;</li>
<li>Fixed trend products hotspot, to prevent overlap modal window with a product;</li>
</ul>
</div>
    </div>
  </details>

        <div class="tw-bg-canvas-primary tw-py-md">
    <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 1.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      July 29, 2025
    </p>
  </div>
</div>

  </div>

  </div>

  </div>

      </div>
    </div>
  </template>
</turbo-stream>
