As part of our ongoing accessibility (a11y) improvements, we updated the heading hierarchy of page elements placed in the sidebar and footer.
The goal is to provide a clear and consistent document outline for screen reader users. We also ensure that no heading levels are skipped and navigation via heading shortcuts (H key, rotor, landmarks) works predictably.
This change applies to all 3G templates and is controlled via UMS.
Update management preview key: element_headings
The change is scheduled for release on March 11, 2026. If you are an addon developer, please review the changes described below now and adjust your addons accordingly. On the release date, these improvements will be rolled out to the majority of customers. E-shops using Deferred Template Updates will have time until March 25, 2026 to modify their customizations and accept the update.
You can preview the changes by running the command shoptet.helpers.enableUpdatePreview('element_headings') in the browser console.
We added a hidden <h2> at the beginning of the sidebar.
<h2 class="sidebar__heading sr-only">Sidebar</h2>Page elements inside the sidebar now use <h3> headings with the class pageElement__heading by default, and in nested structures, lower levels such as <h4> with the class pageElement__subHeading are used where appropriate.
<h3 class="pageElement__heading"><span>Heading</span></h3>
<h4 class="pageElement__subHeading"><span>Heading</span></h4>
h4 headings for individual articles in the news section have the newly introduced class newsItemWidget__heading.
<h4 class="newsItemWidget__heading">
<a href="/news/article-heading/">Article heading</a>
</h4>
We added a hidden heading to the page element with Categories for the Techno, Tango, and Disco templates.
<h3 class="sr-only">
<span>Categories</span>
</h3>
Headings in banners and filters will be addressed separately at a later stage.
We updated the CSS for all affected headings to preserve the original visual appearance across templates. If you need to customize styles, you can target the newly introduced classes pageElement__heading, pageElement__subHeading, and newsItemWidget__heading.
We have introduced box restrictions per product in the Shoptet Logistics. Merchants can mark products that cannot be delivered to pickup boxes
(e.g., items that are light but too long or large). If such a product is in the cart, delivery boxes will not be offered in the Shoptet Balíky widget
or in pickup-point selection modals, and the customer will see a message explaining that box delivery is unavailable.
For partner add-ons that provide their own pickup-point widgets, it is necessary to respect this restriction in the UI. You can check the current cart state using:
const restricted = await shoptet.cartShared.isDeliveryIntoBoxRestricted();
If the function returns true, box delivery should be hidden or disabled in your widget.