<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_tgo7u0_c21b>
    <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 5.0.5</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      May 21, 2026
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Meka 5.0.5</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"><h4><a href="#added" class="anchor"></a>Added</h4>
<ul>
<li></li>
</ul>
<h4><a href="#fixes-and-improvements" class="anchor"></a>Fixes and improvements</h4>
<ul>
<li>Update to meet the latest Shopify requirements.</li>
<li>Theme optimization</li>
<li>Minor improvements to some sections</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgo7u0_c21b>
    <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 5.0.3</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>Meka 5.0.3</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"><h4><a href="#added" class="anchor"></a>Added</h4>
<ul>
<li></li>
</ul>
<h4><a href="#fixes-and-improvements" class="anchor"></a>Fixes and improvements</h4>
<ul>
<li>Update to meet the latest Shopify requirements.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgo7u0_c21b>
    <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 5.0.2</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      July 11, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Meka 5.0.2 introduces customizable product badge text and updates to meet Theme Store requirements.</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"><h4><a href="#added" class="anchor"></a>Added</h4>
<ul>
<li>Customizable product badge text settings for Sale, Saving, and Percentage badge styles</li>
<li>Conditional display of badge text options based on selected badge style</li>
</ul>
<h4><a href="#fixes-and-improvements" class="anchor"></a>Fixes and improvements</h4>
<ul>
<li>Improved localization support for international stores</li>
<li>Fixed error with the product template in Meka</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 5.0.1</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      June 13, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Meka 5.0.1 theme update to meet Theme Store requirements</p>

    <p></p>
</div>

  </div>

        <details class="tw-group tw-accordion-item"  name=accordion_tgo7u0_c21b>
    <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 5.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      May 20, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Meka 5.0.0 introduces new customization options and improvements.</p>
<p>Added</p>
<ul>
<li>New preset added.</li>
<li>Collection list
<ul>
<li>added a new card style and overlay.</li>
</ul>
</li>
<li>Variant picker
<ul>
<li>updated the style.</li>
</ul>
</li>
<li>Multicolumn
<ul>
<li>implemented a new section style.</li>
</ul>
</li>
<li>Image with text
<ul>
<li>fixed an issue with the border radius.</li>
</ul>
</li>
<li>Blog card
<ul>
<li>added the ability to change the description color.</li>
</ul>
</li>
<li>Article
<ul>
<li>added an option to change the text color.</li>
</ul>
</li>
</ul>

    <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="#fixes-and-improvements" class="anchor"></a>Fixes and improvements</h3>
<ul>
<li>Improved theme functionality by introducing additional settings to existing sections.</li>
<li>Bug fixes and performance improvements</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgo7u0_c21b>
    <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 4.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      March 25, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Meka 4.0.0 introduces new customization options and improvements.</p>
<p>Added</p>
<ul>
<li>New preset added.</li>
<li>New section Slidesow banner</li>
<li>Product slider
<ul>
<li>Added the ability to highlight individual words in the title</li>
</ul>
</li>
<li>New section Card Slider</li>
<li>Product comparison
<ul>
<li>Added a new option Table content color</li>
</ul>
</li>
<li>Blog posts
<ul>
<li>Added a slider to display posts</li>
</ul>
</li>
</ul>

    <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="#fixes-and-improvements" class="anchor"></a>Fixes and improvements</h3>
<ul>
<li>Improved theme functionality by introducing additional settings to existing sections.</li>
<li>Bug fixes and performance improvements</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgo7u0_c21b>
    <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 3.0.1</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      February  7, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Meka 3.0.1 introduces new customization options and improvements.</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="#fixes-and-improvements" class="anchor"></a>Fixes and improvements</h3>
<ul>
<li>Removed deprecated font from the JSON file.</li>
<li>Included missing CSS files for the slider component.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgo7u0_c21b>
    <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 3.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      November 27, 2024
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Meka 3.0.0 introduces new customization options and improvements.</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>New preset added.</li>
<li>Header
<ul>
<li>Block added to Transperent header.</li>
<li>Main settings: Option added Mega menu.</li>
</ul>
</li>
<li>Image banner filter
<ul>
<li>Paddings for desktop and mobile in Collection slide added.</li>
</ul>
</li>
<li>Featured collection
<ul>
<li>Option added to change the font size for the countdown label.</li>
</ul>
</li>
<li>Multicolumn
<ul>
<li>Option added to hide inner spaces.</li>
</ul>
</li>
<li>Product comparison
<ul>
<li>Option added to enable "Add to cart" or "Quick view" button.</li>
<li>Option added to change title size for heading.</li>
</ul>
</li>
<li>Product page
<ul>
<li>Product information
<ul>
<li>Countdown: Option added to change the font size for the countdown label.</li>
</ul>
</li>
</ul>
</li>
<li>Blog page
<ul>
<li>Option added to disabled border radius.</li>
</ul>
</li>
<li>Classic customer accounts pages<br>
-Add button style.</li>
<li>Hotspot banner
<ul>
<li>Hotspot product: Option added to change product style.</li>
<li>Add option container width desktop.</li>
</ul>
</li>
<li>Featured product
<ul>
<li>Variant picker: Option added to change color scheme.</li>
<li>Countdown: Option added to change the font size for the countdown label.</li>
<li>Countdown: Option added to change size for the numbers.</li>
</ul>
</li>
<li>Team member
<ul>
<li>Option added to change font size for description.</li>
</ul>
</li>
<li>Share
<ul>
<li>Add close button to Social share.</li>
</ul>
</li>
</ul>
<h3><a href="#fixes-and-improvements" class="anchor"></a>Fixes and Improvements</h3>
<ul>
<li>Enhanced theme functionality with additional settings for existing sections.</li>
<li>Multicolumn
<ul>
<li>Option link font weight now take weight from general theme settings.</li>
</ul>
</li>
<li>Image banner filter
<ul>
<li>Fix video banner, now they don't stop when click for this banner.</li>
</ul>
</li>
<li>Product information and Featured product
<ul>
<li>Variant picker: Fixed the issue where the swatch had the "None" option, and Color variants did not change.</li>
</ul>
</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgo7u0_c21b>
    <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 2.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      November 14, 2024
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Meka 2.0.0 introduces new customization options and improvements.</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>New preset added.</li>
<li>Image banner filter
<ul>
<li>New Collection slide added.</li>
<li>Switch added to adjust the width.</li>
</ul>
</li>
<li>Collection tabs
<ul>
<li>Option added to change the font size for the description.</li>
<li>Option added to change the font size and font weight for tabs and card header.</li>
<li>Opacity added to the image.</li>
<li>New "Reverse card" option added to change the style.</li>
</ul>
</li>
<li>Featured collection
<ul>
<li>Option added to change the font size for the description.</li>
</ul>
</li>
<li>Scrolling banner
<ul>
<li>Option added to set the indentation between elements.</li>
</ul>
</li>
<li>Multicolumn
<ul>
<li>Opacity added to the image.</li>
</ul>
</li>
<li>Hotspot banner
<ul>
<li>Option added to change the font size for the description.</li>
<li>Option added to set the image width to match the container.</li>
<li>Option added to hide the horizontal scrollbar on mobile devices.</li>
</ul>
</li>
<li>Product comparison
<ul>
<li>New display style in the form of cards added.</li>
<li>Option added to change the font size for the description.</li>
</ul>
</li>
<li>Testimonials
<ul>
<li>Option added to change the font size for the description.</li>
</ul>
</li>
<li>Blog posts
<ul>
<li>Option added to change the style of the button.</li>
</ul>
</li>
<li>Scroll-to-top button added.</li>
<li>Footer
<ul>
<li>Option added to change the font size of link menu titles.</li>
<li>Option added to change the style of social network icons.</li>
</ul>
</li>
<li>Banner section (All pages)
<ul>
<li>Option added to place the image on the right side and adjust its width.</li>
<li>Option added to place breadcrumbs above the section.</li>
<li>Options added to change the font size for the description and adjust text color.</li>
<li>Switch added to adjust the width.</li>
</ul>
</li>
<li>Product page
<ul>
<li>Product information
<ul>
<li>Delivery: Icon added to indicate "Pickup available".</li>
</ul>
</li>
</ul>
</li>
<li>Theme settings
<ul>
<li>Typography
<ul>
<li>New medium body font size added.</li>
</ul>
</li>
<li>Buttons
<ul>
<li>Two new hover effects added.</li>
<li>Text style added.</li>
<li>Option added to change the font weight for buttons and links.</li>
</ul>
</li>
<li>Variant pills
<ul>
<li>New typography customization options added.</li>
</ul>
</li>
<li>Blog cards
<ul>
<li>Image ratio, custom image height, and image padding added.</li>
<li>For typography, options added for heading and paragraph font size, and text alignment.</li>
<li>Option added to change the style of the button.</li>
</ul>
</li>
<li>Badges
<ul>
<li>Positioning options on cards added.</li>
<li>Typography options for text style and font weight added.</li>
<li>New Sale badge style added.</li>
</ul>
</li>
</ul>
</li>
</ul>
<h3><a href="#fixes-and-improvements" class="anchor"></a>Fixes and Improvements</h3>
<ul>
<li>Enhanced theme functionality with additional settings for existing sections.</li>
<li>Page Blogs
<ul>
<li>Fixed filtering of posts by categories.</li>
</ul>
</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgo7u0_c21b>
    <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.0.1</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      September  5, 2024
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Meka 1.0.1 introduces new customization options and improvements.</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="#fixes-and-improvements" class="anchor"></a>Fixes and Improvements</h3>
<ul>
<li>Updated accelerated checkout.</li>
<li>Hotspot banner: Improved image quality and added the option to add links to hotspot items.</li>
<li>Collection page: improved filter and sort functionality.</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">
      August 16, 2024
    </p>
  </div>
</div>

  </div>

  </div>

  </div>

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