[{"id":4873,"date":"2026-04-13T15:45:52","date_gmt":"2026-04-13T13:45:52","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4873"},"modified":"2026-04-16T17:02:29","modified_gmt":"2026-04-16T15:02:29","slug":"frontend-news-from-april-13-2026","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026","title":{"rendered":"Frontend News from April 13, 2026"},"content":{"rendered":"

Breaking changes<\/h2>\n

\u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates<\/a>)<\/h3>\n

We updated the stars component<\/strong>, the simple rating flow<\/strong>, and the tabs used for discussions and advanced rating<\/strong>. The main goal is to improve accessibility and unify the markup and behavior of the stars component.
\nThis change applies to all 3G templates<\/strong> and is controlled via UMS.<\/p>\n

Update management preview key: discussion_rating_forms<\/code><\/strong><\/p>\n

The change is scheduled for release on April 27, 2026<\/strong>. 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 May 11, 2026 to modify their customizations<\/strong> and accept the update.<\/p>\n

You can preview the changes by running the command shoptet.helpers.enableUpdatePreview('discussion_rating_forms')<\/code> in the browser console.<\/p>\n

\"\"<\/p>\n

Discussion tab<\/h3>\n

HTML structure changes<\/h4>\n

Heading<\/h5>\n

A <h2>Discussion<\/h2><\/code> heading is added inside the discussion wrapper.<\/p>\n

Trigger<\/h5>\n

The “Add a comment” trigger is now a native <button><\/code>.<\/p>\n

<button type=\"button\" class=\"btn btn-sm btn-secondary\" aria-expanded=\"false\" aria-controls=\"discussion-form\">Add a comment<\/button>\r\n<\/code><\/pre>\n
Required fields indicator<\/h5>\n
A form legend with “Required fields” text is added at the top of the form.<\/p>\n
<p class=\"form-legend\" aria-hidden=\"true\"><span class=\"required-asterisk required-asterisk--before\">Required fields<\/span><\/p>\r\n<\/code><\/pre>\n
Form validation and labels<\/h5>\n
The form uses novalidate<\/code> attribute. All form inputs now have proper <label><\/code> elements associated via for<\/code>\/id<\/code>. The placeholder attributes are removed. Each label\/input pair is wrapped in .form-group.smart-label-wrapper<\/code>. New native required<\/code> attributes are now used on inputs.<\/p>\n
<div class=\"form-group js-validated-element-wrapper smart-label-wrapper\">\r\n  <label for=\"email\"><span class=\"required-asterisk\">E-mail<\/span><\/label>\r\n  <input type=\"email\" name=\"email\" value=\"user@example.com\" id=\"email\" class=\"form-control js-validate-required\" required>\r\n<\/div>\r\n<\/code><\/pre>\n
Submit button<\/h5>\n
The <input type=\"submit\"><\/code> is replaced with a <button type=\"submit\"><\/code>.<\/p>\n
<button type=\"submit\" class=\"btn btn-sm btn-primary\">Send comment<\/button>\r\n<\/code><\/pre>\n
Reply button<\/h5>\n
The reply button uses btn-secondary<\/code> class instead of btn-primary<\/code>.<\/p>\n
CSS changes<\/h4>\n
Styling of this section has changed. If you rely on custom CSS, review and update your overrides accordingly.<\/p>\n
Advanced rating (with discussion)<\/h3>\n
\"\"<\/p>\n
HTML structure changes<\/h4>\n
New link on the product detail page<\/h5>\n
A new “Rating details” link is added next to the stars on the product detail page. It scrolls to and activates the rating tab.<\/p>\n
<a class=\"stars-link show-ratings\" href=\"#ratingTab\" data-toggle=\"tab\">Rating details<\/a>\r\n<\/code><\/pre>\n
Heading<\/h5>\n
A <h2>Product rating<\/h2><\/code> heading is added inside the rating tab. When the product has been rated before, a <h3>Leave a rating<\/h3><\/code> heading is also shown above the form.<\/p>\n
Layout<\/h5>\n
The Bootstrap grid structure (row<\/code>, col-*<\/code>) is removed.<\/p>\n
Trigger<\/h5>\n
The “Add a rating” trigger is now a native <button><\/code>.<\/p>\n
<button type=\"button\" class=\"btn btn-sm btn-secondary\" aria-expanded=\"false\" aria-controls=\"rate-form\">Add a rating<\/button>\r\n<\/code><\/pre>\n
Star selection in the form<\/h5>\n
Stars are now a radio button group with proper ARIA attributes. The value is no longer preselected \u2014 instead of the previous default of 5 stars, no option is selected by default. A preselected value is applied only when the user arrives via an email link.<\/p>\n
<div class=\"form-group rating-stars-group js-validated-element-wrapper\">\r\n    <p id=\"rating-stars-label\" class=\"label rating-stars-description\"><span class=\"required-asterisk\">Jak byste ohodnotili tento produkt? Vyberte od 1 do 5 hv\u011bzdi\u010dek, kde 1 je nejhor\u0161\u00ed a 5 nejlep\u0161\u00ed hodnocen\u00ed.<\/span><\/p>\r\n    <div class=\"rating-stars-wrapper\" aria-labelledby=\"rating-stars-label\" role=\"radiogroup\" data-testid=\"wrapperRatingStars\">\r\n        <label class=\"rating-star full\">\r\n            <input type=\"radio\" name=\"score\" value=\"1\" aria-label=\"Add your rating: 1\" aria-describedby=\"rating-star-description-1\" required=\"\">\r\n        <\/label>\r\n        <!-- \u2026 2\u20135 \u2026 -->\r\n    <\/div>\r\n    <p id=\"rating-star-description-1\" class=\"rating-star-description\" hidden=\"hidden\">Odpov\u00edd\u00e1 velmi negativn\u00edmu hodnocen\u00ed.<\/p>\r\n    <!-- \u2026 descriptions for 2\u20135 \u2026 -->\r\n<\/div>\r\n<\/code><\/pre>\n
Form validation and labels<\/h5>\n
The form uses novalidate<\/code> attribute. All inputs now have proper <label><\/code> elements instead of placeholder attributes. Each label\/input pair is wrapped in .form-group.smart-label-wrapper<\/code>. New native required<\/code> attributes are used on inputs.<\/p>\n
Submit button<\/h5>\n
The <input type=\"submit\"><\/code> is replaced with a <button type=\"submit\"><\/code>.<\/p>\n
CSS changes<\/h4>\n
Styling of this section has changed. If you rely on custom CSS, review and update your overrides accordingly.<\/p>\n
JavaScript changes<\/h4>\n
The legacy star interaction in products.js<\/code> (jQuery click\/hover on star elements, preselecting stars from URL) is no longer used. Star preselection from email links is handled by the new module which works with radio inputs.<\/p>\n
Store rating<\/h3>\n
Similar changes as in Advanced rating were applied to the stars component and the form in store rating.<\/p>\n
Simple rating (new modal)<\/h3>\n
\"\"<\/p>\n
When “Advanced rating with discussion” is not enabled in administration, a “Rating details” button appears next to the product stars on the product detail page. Clicking it opens a modal dialog for star-only rating.<\/p>\n
HTML structure changes<\/h4>\n
New trigger on the product detail page<\/h5>\n
<button type=\"button\"\r\n  class=\"btn btn--link js-ratingDialogTrigger\"\r\n  data-simple-rating=\"{RATING_SUBPAGE_URL}\"\r\n  data-product-id=\"{PRODUCT_ID}\"\r\n  aria-haspopup=\"dialog\">\r\n  Rating details\r\n<\/button>\r\n<\/code><\/pre>\n
Modal content<\/h5>\n
The modal content is loaded via AJAX. It shows rating statistics (if the product has been rated before) and the rating form. The structure reuses the same components as the advanced rating \u2014 rate bars and the radio-button star selection. The modal uses the Colorbox module, consistent with the rest of the website.<\/p>\n
CSS changes<\/h4>\n
New components were introduced in this section, including the modal content. If you rely on custom CSS, review and update your styles accordingly.<\/p>\n
JavaScript changes<\/h4>\n
A new JavaScript module handles the modal opening, form initialization, and rating submission via AJAX. After successful submission, rating summaries on the page are replaced with updated data from the response without a full page reload. When a customer arrives from a rating email link (URL contains #ratingWrapper with guid and preselectStars parameters), the modal opens automatically with stars preselected.<\/p>\n
Star accessibility across the storefront<\/h3>\n
Stars are now consistently implemented as <span><\/code> elements across the storefront.<\/p>\n
On the product detail page, stars were changed from <a><\/code> links with tooltips to <span><\/code> elements. In addition, the stars container now uses the classes .star-list<\/code> and .stars--productDetail<\/code>.<\/p>\n
Stars in product listings (category pages, manufacturer pages, related products), latest ratings widget (homepage, sidebar, footer), review rows, and store rating stars were already rendered as <span><\/code> elements. They now have aria-hidden=\"true\"<\/code> on each star icon, and a .sr-only<\/code> span provides the meaning for screen readers.<\/p>\n
HTML structure changes<\/h4>\n
<span class=\"stars\">\r\n  <span class=\"star star-on\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"star star-on\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"star star-on\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"star star-on\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"star star-off\" aria-hidden=\"true\"><\/span>\r\n  <span class=\"sr-only\">The product rating is 4 out of 5 stars.<\/span>\r\n<\/span>\r\n<\/code><\/pre>\n
The screen reader text differs by context \u2014 for a single rating: “The product rating is X out of 5 stars”, for an average: “The average product rating is X out of 5 stars”, and for store ratings: “The store rating is X out of 5 stars”.<\/p>\n
CSS changes<\/h4>\n
Star layout uses flexbox with gap instead of float-based positioning. The visual appearance remains the same.<\/p>\n
\n
\u267f\ufe0f Heading Hierarchy Improvements on Homepage, Cart and Checkout (via Deferred Template Updates<\/a>)<\/h3>\n
We updated the heading hierarchy<\/strong> on the homepage, cart, and checkout pages. The main goal is to
\nensure each page has exactly one <h1><\/code> element and a proper heading structure for better SEO and
\naccessibility.
\nThis change applies to all 3G templates<\/strong> and is controlled via UMS.<\/p>\n
Update management preview key: homepage_cart_checkout_headings<\/code><\/strong><\/p>\n
The change is scheduled for release on April 22, 2026<\/strong>. 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 May 6, 2026 to modify their customizations<\/strong> and accept the update.<\/p>\n
You can preview the changes by running the command shoptet.helpers.enableUpdatePreview('homepage_cart_checkout_headings')<\/code> in the browser console.<\/p>\n
There are no visual changes<\/strong> \u2014 all modifications are purely semantic. Existing heading styles are preserved using CSS classes (.h1<\/code>, .h4<\/code>).<\/p>\n
Homepage<\/h3>\n
HTML structure changes<\/h4>\n
H1 heading<\/h5>\n
Previously, the <h1><\/code> was placed either on the logo\/site name or on the welcome text (“Uv\u00edtac\u00ed
\n    text”), depending on which was present. Now, a single <h1><\/code> with the page title is placed at the top
\n    of the main content area as a screen-reader-only element.<\/p>\n
<main id=\"content\">\r\n     <h1 class=\"sr-only\">{page title}<\/h1>\r\n     …\r\n <\/main>\r\n <\/code><\/pre>\n
Site name \/ logo<\/h5>\n
The site name wrapper is now always rendered as a <div><\/code> instead of conditionally using
\n    <h1><\/code> on the homepage.\n<\/p>\n
<!-- Before -->\r\n<h1 class=\"site-name\">…<\/h1>\r\n\r\n<!-- After -->\r\n<div class=\"site-name\">…<\/div>\r\n<\/code><\/pre>\n
Welcome text<\/h5>\n
When the welcome text (“Uv\u00edtac\u00ed text”) is present, it is now rendered as a <div><\/code> with the .h1<\/code> CSS class instead of an <h1><\/code> element.\n<\/p>\n
<!-- Before -->\r\n<h1 data-testid=\"eshopHeader\">Welcome text<\/h1>\r\n\r\n<!-- After -->\r\n<div class=\"h1\" data-testid=\"eshopHeader\">Welcome text<\/div>\r\n<\/code><\/pre>\n
Cart<\/h3>\n
HTML structure changes<\/h4>\n
H1 heading<\/h5>\n
A screen-reader-only <h1><\/code> with the page title is added at the top of the main content area, same as on the homepage.<\/p>\n
Section headings<\/h5>\n
Section headings in the cart (“Extras and discounts”, “Extras”, “Order summary”, “Do you need help?”) are changed from <h4><\/code> to <h2><\/code>. Visual appearance is preserved using the .h4<\/code> CSS class.<\/p>\n
<!-- Before -->\r\n<h4>Extras and discounts<\/h4>\r\n\r\n<!-- After -->\r\n<h2 class=\"h4\">Extras and discounts<\/h2>\r\n<\/code><\/pre>\n
Cart widget overlay<\/h5>\n
The cart widget overlay (#cart-widget<\/code>) now contains a screen-reader-only heading and is labeled with
\n    aria-labelledby<\/code> for proper accessibility.\n<\/p>\n
<div id=\"cart-widget\" class=\"content-window cart-window\" role=\"dialog\" aria-hidden=\"true\"\r\n aria-labelledby=\"cartHeading\">\r\n     <h2 id=\"cartHeading\" class=\"sr-only\">Cart<\/h2>\r\n     …\r\n <\/div>\r\n <\/code><\/pre>\n
Checkout<\/h3>\n
HTML structure changes<\/h4>\n
H1 heading<\/h5>\n
A screen-reader-only <h1><\/code> with the page title is added at the top of the main content area, same as on the homepage and cart.<\/p>\n
Section headings<\/h5>\n
“Order summary” and “Do you need help?” headings are changed from <h4><\/code> to <h2 class=\"h4\"><\/code>, same as in the cart.<\/p>\n
CSS changes<\/h3>\n
Styles have been updated across all 3G templates to ensure that <h2><\/code> elements with the .h4<\/code> class and <div><\/code> elements with the .h1<\/code> class render identically to their previous heading counterparts. If you rely on custom CSS targeting these heading elements by tag name, review and update your selectors accordingly.<\/p>\n","protected":false},"excerpt":{"rendered":"
Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]<\/p>\n","protected":false},"author":34,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4873","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"\nFrontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4873"}],"version-history":[{"count":25,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4873\/revisions"}],"predecessor-version":[{"id":4934,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4873\/revisions\/4934"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4769,"date":"2026-02-25T09:51:48","date_gmt":"2026-02-25T08:51:48","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4769"},"modified":"2026-03-23T16:21:57","modified_gmt":"2026-03-23T15:21:57","slug":"frontend-news-from-february-25-2026","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-february-25-2026\/","title":{"rendered":"Frontend News from February 25, 2026"},"content":{"rendered":"<h2>Breaking changes<\/h2>\n<h3>\u267f\ufe0f Page element heading hierarchy in sidebar and footer (via <a class=\"wp-editor-md-post-content-link\" title=\"Deferred Template Updates\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\">Deferred Template Updates<\/a>)<\/h3>\n<p>As part of our ongoing <strong>accessibility (a11y) improvements<\/strong>, we updated the <strong>heading hierarchy<\/strong> of page elements placed in the <strong>sidebar and footer<\/strong>.<br \/>\nThe 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.<br \/>\nThis change applies to <strong>all 3G templates<\/strong> and is controlled via UMS.<\/p>\n<p>Update management preview key: <strong><code>page_element_headings<\/code><\/strong><\/p>\n<p>The change is scheduled for release <strong>on March 11, 2026<\/strong>. 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 <strong>time until March 25, 2026 to modify their customizations<\/strong> and accept the update.<\/p>\n<p>You can preview the changes by running the command <code>shoptet.helpers.enableUpdatePreview('page_element_headings')<\/code> in the browser console.<\/p>\n<h4>HTML structure changes<\/h4>\n<p>We added a hidden <code><h2><\/code> at the beginning of the sidebar.<\/p>\n<pre><code><h2 class=\"sidebar__heading sr-only\">Sidebar<\/h2><\/code><\/pre>\n<p>Page elements inside the sidebar now use <code><h3><\/code> headings with the class <code>pageElement__heading<\/code> by default, and in nested structures, lower levels such as <code><h4><\/code> with the class <code>pageElement__subHeading<\/code> are used where appropriate.<\/p>\n<pre><code><h3 class=\"pageElement__heading\"><span>Heading<\/span><\/h3>\r\n<h4 class=\"pageElement__subHeading\"><span>Heading<\/span><\/h4>\r\n<\/code><\/pre>\n<p><code>h4<\/code> headings for individual articles in the news section have the newly introduced class <code>newsItemWidget__heading<\/code>.<\/p>\n<pre><code><h4 class=\"newsItemWidget__heading\">\r\n    <a href=\"\/news\/article-heading\/\">Article heading<\/a>\r\n<\/h4>\r\n<\/code><\/pre>\n<p>We added a hidden heading to the page element with Categories for the Techno, Tango, and Disco templates.<\/p>\n<pre><code><h3 class=\"sr-only\">\r\n    <span>Categories<\/span>\r\n<\/h3>\r\n<\/code><\/pre>\n<p>Headings in banners and filters will be addressed separately at a later stage.<\/p>\n<h4>CSS changes<\/h4>\n<p>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 <code>pageElement__heading<\/code>, <code>pageElement__subHeading<\/code>, and <code>newsItemWidget__heading<\/code>.<\/p>\n<h2>New Features<\/h2>\n<h3>Box restrictions per product<\/h3>\n<p>\n  We have introduced <strong>box restrictions per product<\/strong> in the Shoptet Logistics. Merchants can mark products that cannot be delivered to pickup boxes<br \/>\n  (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\u00edky widget<br \/>\n  or in pickup-point selection modals, and the customer will see a message explaining that box delivery is unavailable.\n<\/p>\n<p>\n  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:\n<\/p>\n<pre><code>const restricted = await shoptet.cartShared.isDeliveryIntoBoxRestricted();<\/code><\/pre>\n<p>\n  If the function returns <code>true<\/code>, box delivery should be hidden or disabled in your widget.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Breaking changes \u267f\ufe0f Page element heading hierarchy in sidebar and footer (via Deferred Template Updates) As part of our ongoing accessibility (a11y) improvements, we updated […]<\/p>\n","protected":false},"author":34,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4769","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4769"}],"version-history":[{"count":28,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4769\/revisions"}],"predecessor-version":[{"id":4861,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4769\/revisions\/4861"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4732,"date":"2026-02-03T10:19:36","date_gmt":"2026-02-03T09:19:36","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4732"},"modified":"2026-02-03T10:28:20","modified_gmt":"2026-02-03T09:28:20","slug":"frontend-news-from-february-3-2026","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-february-3-2026\/","title":{"rendered":"Frontend News from February 3, 2026"},"content":{"rendered":"<h2>Breaking change<\/h2>\n<h3>Product filters placement change (2G & 3G)<\/h3>\n<p>Starting <strong>February 11, 2026<\/strong>, product filters will no longer be supported in the footer section in 2G and 3G templates.<\/p>\n<p>Please <strong>remove the Filter page element from the footer or move it to the sidebar<\/strong>, and verify that filters are displayed correctly in your store. If no action is taken, the Filter element will be removed from the footer automatically, and filters will be displayed above the product list on category pages by default.<\/p>\n<p>This change helps simplify development and long-term maintenance while keeping the UI consistent.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Breaking change Product filters placement change (2G & 3G) Starting February 11, 2026, product filters will no longer be supported in the footer section in […]<\/p>\n","protected":false},"author":34,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4732","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4732"}],"version-history":[{"count":3,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4732\/revisions"}],"predecessor-version":[{"id":4735,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4732\/revisions\/4735"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4706,"date":"2026-01-06T12:08:16","date_gmt":"2026-01-06T11:08:16","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4706"},"modified":"2026-01-06T13:49:07","modified_gmt":"2026-01-06T12:49:07","slug":"frontend-news-from-january-6-2026","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-january-6-2026","title":{"rendered":"Frontend News from January 6, 2026"},"content":{"rendered":"<h2>Breaking change<\/h2>\n<h3>Removal of HTML code section in administration<\/h3>\n<p data-path-to-node=\"7,1\">Starting with the <b data-path-to-node=\"7,1\" data-index-in-node=\"18\">January 7, 2026<\/b> release, the project-level HTML code editing section is being removed.<\/p>\n<p data-path-to-node=\"7,2\">Users will find a redirect link at the original location leading to the <b data-path-to-node=\"7,2\" data-index-in-node=\"72\">Template designer’s code editor<\/b>. This editor offers identical functionality plus a preview feature. The legacy administration page will be fully deleted in the near future.<\/p>\n<p data-path-to-node=\"7,3\"><b data-path-to-node=\"7,3\" data-index-in-node=\"0\">Related changes:<\/b> Similar change also apply to other legacy settings in the <b data-path-to-node=\"7,3\" data-index-in-node=\"67\">Templates<\/b><strong>, <\/strong><b data-path-to-node=\"7,3\" data-index-in-node=\"81\">Editor <\/b>and<b data-path-to-node=\"7,3\" data-index-in-node=\"81\"> Banners<\/b>\u00a0sections.<\/p>\n<h3>\u267f\ufe0f Login widgets accessibility improvements (via <a class=\"wp-editor-md-post-content-link\" title=\"Deferred Template Updates\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\">Deferred Template Updates<\/a>)<\/h3>\n<p>We want to remind you of the Login widgets improvements mentioned in <a href=\"https:\/\/developers.shoptet.com\/frontend-news-from-december-19-2025\/\">the previous FE news<\/a>.<\/p>\n<h2>Upcoming Improvements<\/h2>\n<ul>\n<li>\u267f\ufe0f Color of the step header fix<\/li>\n<li>\u267f\ufe0f Samba color tokens a11y<\/li>\n<\/ul>\n<p><strong><em>Please note: the above outlook for 14 days is subject to change due to unexpected events or changes in priorities \u2013 we do not commit to delivering these outputs and outcomes. Thank you for your understanding.<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Breaking change Removal of HTML code section in administration Starting with the January 7, 2026 release, the project-level HTML code editing section is being removed. […]<\/p>\n","protected":false},"author":21,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4706","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4706"}],"version-history":[{"count":6,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4706\/revisions"}],"predecessor-version":[{"id":4731,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4706\/revisions\/4731"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4706"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4706"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4666,"date":"2025-12-19T16:59:22","date_gmt":"2025-12-19T15:59:22","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4666"},"modified":"2025-12-19T17:00:26","modified_gmt":"2025-12-19T16:00:26","slug":"frontend-news-from-december-18-2025","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-december-19-2025\/","title":{"rendered":"Frontend News from December 19, 2025"},"content":{"rendered":"<h2>Dual price in Bulgaria<\/h2>\n<p><a href=\"https:\/\/developers.shoptet.com\/api-release-news-from-december-16-2025\/\">Please see related API news<\/a> and the <a href=\"https:\/\/developers.shoptet.com\/wp-admin\/post.php?post=4454&action=edit&classic-editor\">previous post<\/a>. The JavaScript function will automatically switch the currencies according to the legal requirement by 1. 1. 2026. <\/p>\n<h2>Breaking change<\/h2>\n<h3>\u267f\ufe0f Login widgets accessibility improvements (via <a class=\"wp-editor-md-post-content-link\" title=\"Deferred Template Updates\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\">Deferred Template Updates<\/a>)<\/h3>\n<p><strong>The login widgets and their triggers<\/strong> were updated to improve accessibility and structural consistency across templates. The fullscreen login was rebuilt using the native <code><dialog><\/code> element, login triggers were converted to semantic buttons, and focus handling was standardized to ensure predictable keyboard navigation and screen reader announcements.<\/p>\n<p>Update management preview key: <strong><code>a11y_login<\/code><\/strong><\/p>\n<p>The change is scheduled for release <strong>on January 12, 2026<\/strong>. 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 <strong>time until January 26, 2026 to modify their customizations<\/strong> and accept the update.<\/p>\n<p>You can preview the changes by running the command <code>shoptet.helpers.enableUpdatePreview('a11y_login')<\/code> in the browser console.<\/p>\n<h3>Login in fullscreen modal (Techno, Tango, Step)<\/h3>\n<h4>HTML structure changes<\/h4>\n<p>Fullscreen login is now implemented using the native <code><dialog><\/code> element. The dialog is labeled via <code>aria-labelledby<\/code>, which references the heading inside the dialog. Registration links inside the login form now redirect to a standalone registration page.<\/p>\n<p>When the fullscreen login dialog is opened, the <code>open<\/code> attribute is added. After the dialog is opened via JavaScript, the <code>is-visible<\/code> class is added in the next animation frame to trigger the slide-in animation.<\/p>\n<p>When closing the dialog, the <code>is-visible<\/code> class is removed and the <code>is-closing<\/code> class is added. This starts the closing animation. After the close animation finishes, the dialog is closed and both the <code>open<\/code> attribute and the <code>is-closing<\/code> class are removed.<\/p>\n<h5>Example structure:<\/h5>\n<pre><code>\r\n<dialog id=\"login\" class=\"dialog dialog--modal dialog--fullscreen js-dialog--modal is-visible\" aria-labelledby=\"loginHeading\" open>\r\n  <div class=\"dialog__close dialog__close--arrow\">\r\n    <button type=\"button\" class=\"btn toggle-window-arr\" data-dialog-close>\r\n      Zp\u011bt <span>do obchodu<\/span>\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <div class=\"dialog__wrapper\">\r\n    <div class=\"dialog__content dialog__content--form\">\r\n      <div class=\"dialog__header\">\r\n        <h2 id=\"loginHeading\" class=\"dialog__heading dialog__heading--login\">\r\n          P\u0159ihl\u00e1\u0161en\u00ed k va\u0161emu \u00fa\u010dtu\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div id=\"customerLogin\" class=\"dialog__body\">\r\n        <!-- <form> \u2026 <\/form> -->\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/dialog>\r\n<\/code><\/pre>\n<h4>CSS changes<\/h4>\n<p>The CSS for the fullscreen login was rewritten to match the new HTML structure and dialog states. On the Techno template, the login modal now uses a light background, matching the visual style of the cart preview modal. Other templates received smaller visual changes.<\/p>\n<h4>JavaScript changes<\/h4>\n<p>The JavaScript handling the login dialogs was completely rewritten. The implementation now uses the native dialog API and adds custom behavior to control dialog states, animations, and lifecycle events.<\/p>\n<p>When a login dialog is opened, it is opened via the native dialog API, which adds the open attribute. In the next animation frame, the is-visible class is added to start the opening animation. When the dialog is being closed, the is-visible class is removed and the is-closing class is added. After the closing animation finishes, the dialog is closed via the native API, the open attribute is removed, and the is-closing class is cleared. The element that triggered the dialog opening is tracked and used to restore focus after the dialog is closed.<\/p>\n<p>Dialogs can be opened using the Enter or Space key on the triggering button. The Escape key closes the dialog. When the dialog opens, focus is moved into the dialog and, once it is closed, focus is restored to the element that triggered it. Modal dialogs use focus trapping to prevent focus from moving outside the dialog while it is open.<\/p>\n<h3>Login in popover (Waltz, Classic, Disco, Samba)<\/h3>\n<p>The login widget remains a smaller popover near the header. Accessibility and keyboard behavior were improved, while the visual appearance remains almost identical to the previous implementation.<\/p>\n<h4>HTML structure changes<\/h4>\n<p>The login popover keeps its existing wrapper structure and is implemented as a non-modal dialog. The container is now explicitly identified via a stable <code>id<\/code> and exposed as a dialog using <code>role=\"dialog\"<\/code> and <code>aria-labelledby<\/code>. Its visibility for assistive technologies is controlled via the <code>aria-hidden<\/code> attribute.<\/p>\n<h5>Example wrapper:<\/h5>\n<pre><code>\r\n<div id="login" class="user-action-login popup-widget login-widget" role="dialog" aria-labelledby="loginHeading" aria-hidden="false">\r\n<\/code><\/pre>\n<h4>JavaScript and accessibility behavior<\/h4>\n<p>For non-modal login popovers, focus is not trapped inside the dialog. Instead, a controlled pass-through focus behavior is applied. When the popover is opened, focus moves into the dialog. When the user tabs past the last focusable element, the dialog closes and the user can continue navigating the page.<\/p>\n<h3>Trigger buttons in the header<\/h3>\n<p>Header login triggers were converted from links to semantic <code><button><\/code> elements to reflect that they open a dialog rather than navigate. Each trigger now exposes the dialog relationship via <code>aria-controls<\/code> (pointing to the dialog ID) and announces the intended behavior using <code>aria-haspopup=\"dialog\"<\/code>. For popover variants, the trigger also uses <code>aria-expanded<\/code>, which updates between <code>true<\/code> and <code>false<\/code> based on the open state.<\/p>\n<p>Keyboard interaction follows the standard button behavior.<\/p>\n<p>Registration triggers remain links and now lead to a standalone registration page.<\/p>\n<p>The visual appearance of the header buttons remains unchanged, with only minor CSS adjustments applied.<\/p>\n<h4>Example HTML structure:<\/h4>\n<pre><code>\r\n<!-- Fullscreen login dialog trigger -->\r\n<button class="top-nav-button top-nav-button-login" type="button" data-dialog-id="login" aria-haspopup="dialog" aria-controls="login">\r\n  <span>P\u0159ihl\u00e1\u0161en\u00ed<\/span>\r\n<\/button>\r\n\r\n<!-- Login popover trigger -->\r\n<button class="top-nav-button top-nav-button-login toggle-window" type="button" data-target="login" aria-haspopup="dialog" aria-controls="login" aria-expanded="false">\r\n  <span>P\u0159ihl\u00e1\u0161en\u00ed<\/span>\r\n<\/button>\r\n<\/code><\/pre>\n<hr \/>\n<h2>Improvements<\/h2>\n<h3>Data Layer enhancements<\/h3>\n<p>Added information about freeshipping and page ID to the Data Layer.<\/p>\n<h3>\u267f\ufe0f Rating component on the product detail<\/h3>\n<p>The rating component on the product detail was reworked for better accessibility.<\/p>\n<h3>\u267f\ufe0f Question tooltip component accessibility<\/h3>\n<p>The question tooltip component now supports improved keyboard navigation and screen reader accessibility.<\/p>\n<hr \/>\n<h2>Bugfixes<\/h2>\n<h3>Checkout price alignment<\/h3>\n<p>We fixed an issue with price alignment in the checkout, which was affected by some font and language combinations when the payment logo was displayed.<\/p>\n<h3>Disco template \u2013 product groups on mobile<\/h3>\n<p>We fixed an issue where the number of pieces for product groups could not be edited on phones in the Disco template.<\/p>\n<h3>Wholesale fields validation<\/h3>\n<p>We fixed validation warnings that appeared when the wholesale fields were made visible in the registration form.<\/p>\n<h3>Disco template \u2013 cart HTML classes<\/h3>\n<p>We unified the HTML classes for availability and quantity in the cart for the Disco template.<\/p>\n<h3>Flag display on 360 photos<\/h3>\n<p>We fixed an issue where the language\/country flag was not showing correctly on 360 product photos.<\/p>\n<h3>Affiliate login and registration<\/h3>\n<p>We removed an unnecessary semicolon from the affiliate login and registration page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dual price in Bulgaria Please see related API news and the previous post. The JavaScript function will automatically switch the currencies according to the legal […]<\/p>\n","protected":false},"author":34,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4666","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4666"}],"version-history":[{"count":27,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4666\/revisions"}],"predecessor-version":[{"id":4773,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4666\/revisions\/4773"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4573,"date":"2025-10-29T15:17:27","date_gmt":"2025-10-29T14:17:27","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4573"},"modified":"2025-10-29T15:18:48","modified_gmt":"2025-10-29T14:18:48","slug":"frontend-news-from-october-29-2025","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-october-29-2025\/","title":{"rendered":"Frontend News from October 29, 2025"},"content":{"rendered":"<h2>Breaking change<\/h2>\n<h3>\u267f\ufe0f Category page accessibility improvements \u2013 Bestsellers and Sorting (via <a class=\"wp-editor-md-post-content-link\" title=\"Deferred Template Updates\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\">Deferred Template Updates<\/a>)<\/h3>\n<p><strong>The Bestsellers section and product sorting controls on category pages<\/strong> were improved for better keyboard and screen reader accessibility. Both components now use semantic HTML elements, proper aria attributes, and clear focus management to ensure predictable navigation and announcements for assistive technologies.<\/p>\n<p><strong>This change affects all 3G templates.<\/strong><\/p>\n<p>Update management preview key: <strong><code>a11y_category_page<\/code><\/strong><\/p>\n<p>The change is scheduled for release <strong>on November 12, 2025<\/strong>. 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 <strong>time until November 26, 2025 to modify their customizations<\/strong> and accept the update.<\/p>\n<p>You can preview the changes by running the command <code>shoptet.helpers.enableUpdatePreview('a11y_category_page')<\/code> in the browser console.<\/p>\n<h3>Bestsellers section<\/h3>\n<h4>HTML structure changes<\/h4>\n<pre><code><div class=\"products-top-wrapper has-inactive\" aria-labelledby=\"productsTopHeading\">\r\n  <h2 id=\"productsTopHeading\" class=\"products-top-header\">Nejprod\u00e1van\u011bj\u0161\u00ed<\/h2>\r\n\r\n  <div id=\"productsTop\" class=\"products products-inline products-top\">\r\n    <!-- Visible product -->\r\n    <div class=\"product active\" aria-hidden=\"false\">\r\n      <div class=\"p\" data-micro=\"product\">\r\n        <!-- Image link skipped in tab order -->\r\n        <a href=\"{URL}\" class=\"image\" aria-hidden=\"true\" tabindex=\"-1\">\r\n          <img src=\"{URL}\" alt=\"{ALT_DESCRIPTION}\" width=\"100\" height=\"100\" loading=\"lazy\" \/>\r\n          <!-- \u2026meta, etc. without changes -->\r\n        <\/a>\r\n\r\n        <div class=\"p-in\">\r\n          <div class=\"p-in-in\">\r\n            <!-- Name link focusable (active item) -->\r\n            <a href=\"{URL}\" class=\"name\" data-micro=\"url\">\r\n              <span data-testid=\"productCardName\">Betula - b\u0159ezov\u00fd st\u016fl<\/span>\r\n            <\/a>\r\n            <!-- \u2026availability without changes -->\r\n          <\/div>\r\n          <!-- \u2026price without changes -->\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Hidden product -->\r\n    <div class=\"product inactive\" aria-hidden=\"true\">\r\n      <div class=\"p\" data-micro=\"product\">\r\n        <a href=\"{URL}\" class=\"image\" aria-hidden=\"true\" tabindex=\"-1\">\r\n          <img src=\"{URL}\" alt=\"{ALT_DESCRIPTION}\" width=\"100\" height=\"100\" loading=\"lazy\" \/>\r\n        <\/a>\r\n\r\n        <div class=\"p-in\">\r\n          <div class=\"p-in-in\">\r\n            <!-- Name link removed from tab order while hidden -->\r\n            <a href=\"{URL}\/\" class=\"name\" data-micro=\"url\" tabindex=\"-1\">\r\n              <span>Silikonov\u00e1 kl\u00e1vesnice - \u010dern\u00e1<\/span>\r\n            <\/a>\r\n            <!-- \u2026 -->\r\n          <\/div>\r\n          <!-- \u2026 -->\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"button-wrapper\">\r\n    <button class=\"chevron-after chevron-down-after toggle-top-products btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"productsTop\" data-label-show=\"Zobrazit v\u00edce produkt\u016f\" data-label-hide=\"Zobrazit m\u00e9n\u011b produkt\u016f\">\r\n      Zobrazit v\u00edce produkt\u016f\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n<\/code><\/pre>\n<h5>Wrapper<\/h5>\n<p><code>.products-top-wrapper<\/code> groups items and the toggle button and the attribute <code>aria-labelledby<\/code> connects to the hidden <code><h2><\/code>. The class <code>.has-inactive<\/code> on the wrapper indicates there are hidden items. and <code>.has-revealed<\/code> indicates that products have been revealed.<\/p>\n<h5>Toggle<\/h5>\n<p><code>.button-wrapper<\/code> has been removed from the product listing and moved behind it. The toggle button is now a native <code><button><\/code> with <code>aria-controls=\"productsTop\"<\/code> and <code>aria-expanded<\/code> toggled by JS. This button is now also displayed on screens smaller than 1200px.<\/p>\n<h5>Visibility states<\/h5>\n<p><code>.active<\/code> and later <code>.revealed<\/code> \u2192 <code>aria-hidden=\"false\"<\/code>; name links are focusable.<\/p>\n<p><code>.inactive<\/code> \u2192 <code>aria-hidden=\"true\"<\/code>; both image links and name links have <code>tabindex=\"-1\"<\/code> so they\u2019re skipped by keyboard and screen readers.<\/p>\n<h4>CSS Changes<\/h4>\n<p>The CSS for the toggle button was adjusted to match the new semantic <code><button><\/code> element, but its visual appearance remains unchanged compared to the previous version.<\/p>\n<h4>JavaScript changes<\/h4>\n<p>Scripts handling the Bestsellers section were updated for accessibility and focus management<br \/>\nWhen users expand the section, newly revealed products become focusable and the focus moves to the first newly shown product. When the section is collapsed again, focus returns to the toggle button.<\/p>\n<h3>Product sorting improvements<\/h3>\n<p>The HTML structure of the product sorting component on category pages was completely revised to improve accessibility and keyboard interaction. All supporting JavaScript has been modified, and the sorting controls were visually redesigned for Techno and Waltz templates.<\/p>\n<h4>HTML structure changes (Techno, Waltz, Classic, Step, Samba)<\/h4>\n<pre><code><div class=\"listSorting js-listSorting\">\r\n  <h2 id=\"listSortingHeading\" class=\"sr-only\">\u0158azen\u00ed produkt\u016f<\/h2>\r\n  <ul class=\"listSorting__controls\" aria-labelledby=\"listSortingHeading\">\r\n    <li>\r\n      <button id=\"listSortingControl-priority\" class=\"listSorting__control listSorting__control--current\" type=\"button\" data-sort=\"priority\" data-url=\"{CATEGORY_URL}\/?order=priority\" aria-label=\"Doporu\u010dujeme - Aktu\u00e1ln\u011b nastaven\u00e9 \u0159azen\u00ed\" aria-disabled=\"true\">\r\n        Doporu\u010dujeme\r\n      <\/button>\r\n    <\/li>\r\n    <li>\r\n      <button id=\"listSortingControl-price\" class=\"listSorting__control\" type=\"button\" data-sort=\"price\" data-url=\"{CATEGORY_URL}\/?order=price\">Nejlevn\u011bj\u0161\u00ed<\/button>\r\n    <\/li>\r\n    <!-- \u2026 other buttons \u2026 -->\r\n  <\/ul>\r\n<\/div>\r\n\r\n<!-- only for Classic -->\r\n<div class=\"listItemsTotal\"><strong>32<\/strong> polo\u017eek celkem<\/div>\r\n<\/code><\/pre>\n<h5>Wrapper<\/h5>\n<p>The entire form with radio inputs was replaced by a new wrapper <code>.listSorting<\/code>. It contains a hidden heading <code><h2 id=\"listSortingHeading\" class=\"sr-only\"><\/code>. Sorting options are structured as a list <code><ul class=\"listSorting__controls\"><\/code> with individual <code><li><\/code> items.<\/p>\n<h5>Controls<\/h5>\n<p>Each sorting option is now a <code><button><\/code> with attributes <code>data-sort<\/code> and <code>data-url<\/code>. The currently selected option has <code>.listSorting__control--current<\/code>, <code>aria-disabled=\"true\"<\/code>, and an <code>aria-label<\/code> describing it as the current sorting.<br \/>\nButtons replace the previous <code><input type=\"radio\"><\/code> + <code><label><\/code> pair and provide direct keyboard activation (Enter\/Space).<\/p>\n<h5>Items total (only Classic template)<\/h5>\n<p>The element showing the total number of items was renamed to <code>.listItemsTotal<\/code>. Its structure and content remain the same.<\/p>\n<h4>HTML structure changes (Tango, Disco)<\/h4>\n<pre><code><div class=\"listSorting listSorting--dropdown js-listSorting\" aria-labelledby=\"listSortingHeading\">\r\n  <h2 id=\"listSortingHeading\" class=\"sr-only\">\u0158azen\u00ed produkt\u016f<\/h2>\r\n  <button class=\"sortingToggle\" type=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"listSortingControls\">\r\n    <span class=\"icon-sort\" aria-hidden=\"true\"><\/span>\r\n    <span class=\"sortingToggle__label\">\u0158adit podle:<\/span>\r\n    <span class=\"sortingToggle__value\">Doporu\u010dujeme<\/span>\r\n    <span class=\"icon-chevron-down\" aria-hidden=\"true\"><\/span>\r\n  <\/button>\r\n  <div id=\"listSortingControls\" class=\"listSorting__controls listSorting__controls--dropdown\" role=\"menu\" tabindex=\"-1\">\r\n    <button id=\"listSortingControl-priority\" class=\"listSorting__control listSorting__control--current\" type=\"button\" role=\"menuitem\" data-sort=\"priority\" data-url=\"{CATEGORY_URL}\/?order=priority\" aria-label=\"Doporu\u010dujeme - Aktu\u00e1ln\u011b nastaven\u00e9 \u0159azen\u00ed\" aria-disabled=\"true\">\r\n      Doporu\u010dujeme\r\n    <\/button>\r\n    <button id=\"listSortingControl-price\" class=\"listSorting__control\" type=\"button\" role=\"menuitem\" data-sort=\"price\" data-url=\"{CATEGORY_URL}\/?order=price\">Nejlevn\u011bj\u0161\u00ed<\/button>\r\n    <!-- \u2026 other buttons \u2026 -->\r\n  <\/div>\r\n<\/div>\r\n<\/code><\/pre>\n<h5>Wrapper<\/h5>\n<p>The entire form was replaced by a new wrapper <code>.listSorting.listSorting--dropdown<\/code>. It contains a hidden heading <code><h2 id=\"listSortingHeading\" class=\"sr-only\"><\/code> used as an accessible name through aria-labelledby.<\/p>\n<h5>Toggle<\/h5>\n<p>A new toggle button <code>.sortingToggle<\/code> uses <code>aria-controls<\/code> and <code>aria-expanded<\/code>, which are dynamically updated by JavaScript. The open state is indicated by the <code>.listSorting--open<\/code> class on the wrapper.<\/p>\n<h5>Menu \/ options<\/h5>\n<p>The dropdown menu is now a <code><div id=\"listSortingControls\" role=\"menu\"><\/code> and each sorting option is a native <code><button><\/code> with <code>role=\"menuitem\"<\/code>, <code>data-sort<\/code>, and <code>data-url<\/code>. The currently selected option has <code>.listSorting__control--current<\/code> just like the templates above.<\/p>\n<h4>CSS Changes<\/h4>\n<p>The CSS for the sorting component was rewritten to support the new structure and interaction states. Although the markup and control elements have changed, the overall visual appearance remains the same across most templates, with only minor differences.<br \/>\nOnly Techno and Waltz templates have a completely new design.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4581 size-large\" src=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/10\/techno-waltz-sorting-1024x474.png\" alt=\"Appearance changes from radio inputs to tabs (on Techno and Waltz templates)\" width=\"1024\" height=\"474\" srcset=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/10\/techno-waltz-sorting-1024x474.png 1024w, https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/10\/techno-waltz-sorting-300x139.png 300w, https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/10\/techno-waltz-sorting-768x356.png 768w, https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/10\/techno-waltz-sorting-1536x712.png 1536w, https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/10\/techno-waltz-sorting-2048x949.png 2048w, https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/10\/techno-waltz-sorting-1320x611.png 1320w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h4>JavaScript changes<\/h4>\n<p>The JavaScript for product sorting was completely rewritten and no longer depends on the legacy Bootstrap dropdown scripts. It ensures correct focus handling, and improves screen reader announcements during loading and after sorting.<\/p>\n<p>During loading, the products container is marked with <code>aria-busy=\"true\"<\/code> and a live announcer informs screen readers that products are being loaded. Once the request is complete, the announcer reports \u201cProducts sorted.\u201d and focus returns to the appropriate element \u2014 the current sorting button (Techno, Waltz, Classic, Step, Samba) or the dropdown toggle (Tango, Disco).<\/p>\n<p>In the dropdown variant, keyboard navigation now works predictably. The toggle button uses <code>aria-haspopup=\"true\"<\/code> and dynamically updates <code>aria-expanded<\/code> while opening and closing the menu. The menu can be opened with Enter, Space, or click, and closed with Escape, by clicking outside, or when tabbing past the last option.<\/p>\n<h2>Improvements<\/h2>\n<h3>\u267f\ufe0f Compliant default colour schemes for Step, Disco, Samba<\/h3>\n<p>We released new color schemes, which will be compliant when matched with other color tokens.<\/p>\n<h3>\u267f\ufe0f Payment radiogroups and images in the checkout<\/h3>\n<p>We unified the radiogroups in the checkout. There were two radiogroups, which were misleading for keyboard users. Also, payments icons are now decorative.<\/p>\n<h2>Bugfixes<\/h2>\n<h3>Login heading<\/h3>\n<p>We fixed the bad heading text on the login page, which showed the registration heading.<\/p>\n<h3>Samba infobox width<\/h3>\n<p>We fixed the inconsistent appearance of the text wrapping in the infobox on the Samba template.<\/p>\n<h3>Apple Pay behavior<\/h3>\n<p>We fixed the behaviour when Apple Pay is not available in the checkout.<\/p>\n<h3>Autofill of delivery address<\/h3>\n<p>We fixed auto-fill of the delivery address for the logged-in users.<\/p>\n<h2>Upcoming Improvements<\/h2>\n<ul>\n<li>\u267f\ufe0f Color tokens for Samba template<\/li>\n<li>\u267f\ufe0f Login widget keyboard a11y<\/li>\n<li>\u267f\ufe0f Rating component in the product detail<\/li>\n<li>\u267f\ufe0f Discussion component in the product detail<\/li>\n<li>\u267f\ufe0f Forms error UX improvements<\/li>\n<\/ul>\n<p><strong><em>Please note: the above outlook for 14 days is subject to change due to unexpected events or changes in priorities \u2013 we do not commit to delivering these outputs and outcomes. Thank you for your understanding.<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Breaking change \u267f\ufe0f Category page accessibility improvements \u2013 Bestsellers and Sorting (via Deferred Template Updates) The Bestsellers section and product sorting controls on category pages […]<\/p>\n","protected":false},"author":34,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4573","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4573"}],"version-history":[{"count":25,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4573\/revisions"}],"predecessor-version":[{"id":4600,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4573\/revisions\/4600"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4556,"date":"2025-09-30T08:24:26","date_gmt":"2025-09-30T06:24:26","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4556"},"modified":"2025-09-30T08:38:49","modified_gmt":"2025-09-30T06:38:49","slug":"frontend-news-from-september-30-2025","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-september-30-2025","title":{"rendered":"Frontend News from September 30, 2025"},"content":{"rendered":"<h2>Breaking Change<\/h2>\n<h3>Unification of the pickup point widget (via <a class=\"wp-editor-md-post-content-link\" title=\"Deferred Template Updates\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\">Deferred Template Updates<\/a>)<\/h3>\n<p><strong>Pickup point widget updated across all templates<\/strong>. The update brings a unified widget for all carriers using Shoptet Baliky. If you had any modifications to the original solution, please check whether the new solution is working. The new widget is in an iframe, written in React technology, without the possibility of individual interventions or customizations.<\/p>\n<p>The change is scheduled for release on <strong>September 30, 2025<\/strong>. E-shops using Deferred Template Updates will have <strong>time until November 1, 2025 to modify their customizations<\/strong> and accept the update.<\/p>\n<p>You can preview the changes by running the command <code>shoptet.helpers.enableUpdatePreview('logistics_own_widget')<\/code> in the browser console.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Breaking Change Unification of the pickup point widget (via Deferred Template Updates) Pickup point widget updated across all templates. The update brings a unified widget […]<\/p>\n","protected":false},"author":32,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4556","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4556"}],"version-history":[{"count":5,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4556\/revisions"}],"predecessor-version":[{"id":4561,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4556\/revisions\/4561"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4556"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4556"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4480,"date":"2025-09-16T14:28:57","date_gmt":"2025-09-16T12:28:57","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4480"},"modified":"2025-09-16T14:29:20","modified_gmt":"2025-09-16T12:29:20","slug":"frontend-news-from-september-16-2025","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-september-16-2025\/","title":{"rendered":"Frontend News from September 16, 2025"},"content":{"rendered":"<h2>Breaking Change<\/h2>\n<h3>\u267f\ufe0f Listing controls area (via <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\" title=\"Deferred Template Updates\">Deferred Template Updates<\/a>)<\/h3>\n<p><strong>Listing controls area updated across all 3G templates<\/strong> (Load more button, Pagination, Go to top link, Items total). The update improves accessibility across these controls with new ARIA attributes, better keyboard focus handling, more semantic markup, and simplified CSS structure.<\/p>\n<p>The change is scheduled for release on <strong>October 2, 2025<\/strong>. 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 <strong>time until October 16, 2025 to modify their customizations<\/strong> and accept the update.<\/p>\n<p>You can preview the changes by running the command <code>shoptet.helpers.enableUpdatePreview('a11y_pagination')<\/code> in the browser console.<\/p>\n<h4>HTML structure changes<\/h4>\n<p>We have completely revised the entire section in the footer of item listings (except for the customer section). The previous component wrapped by the <code>.pagination-wrapper<\/code> is replaced by a component wrapped by <code>.listingControls<\/code>.<\/p>\n<pre data-language=\"HTML\"><code class=\"language-markup\">\r\n<div class=\"listingControls\" aria-labelledby=\"listingControlsHeading\">\r\n  <h3 id=\"listingControlsHeading\" class=\"sr-only\">Listing controls<\/h3>\r\n\r\n  <div class=\"loadMore\" data-context=\"products\">\r\n    <button class=\"loadMore__button loadMore__button--products btn btn-secondary js-loadMore__button--products\" type=\"button\" aria-controls=\"products\" data-url=\"\/do-domacnosti\/strana-4\/\">Load 9 more <\/button>\r\n  <\/div>\r\n\r\n  <nav class=\"pagination\" aria-labelledby=\"paginationTitle paginationStatus\">\r\n    <h4 id=\"paginationTitle\" class=\"sr-only\">Pagination<\/h4>\r\n    <p id=\"paginationStatus\" hidden>You are on page 3 of 4.<\/p>\r\n\r\n    <ul class=\"pagination__list\">\r\n      <li><a class=\"pagination__link pagination__link--first\" href=\"\/do-domacnosti\/\" aria-label=\"1, first page\">1<\/a><\/li>\r\n      <li><a class=\"pagination__link pagination__link--prev btn btn-secondary\" href=\"\/do-domacnosti\/strana-2\/\" aria-label=\"Previous, page 2\"><\/a><\/li>\r\n      <li><strong class=\"pagination__currentPage\" aria-current=\"page\">3<\/strong><\/li>\r\n      <li><a class=\"pagination__link pagination__link--next btn btn-secondary\" href=\"\/do-domacnosti\/strana-4\/\" aria-label=\"Next, page 4\"><\/a><\/li>\r\n      <li><a class=\"pagination__link pagination__link--last\" href=\"\/do-domacnosti\/strana-4\/\" aria-label=\"4, last page\">4<\/a><\/li>\r\n    <\/ul>\r\n  <\/nav>\r\n\r\n  <div class=\"itemsTotal\"><strong>36<\/strong> items total<\/div>\r\n\r\n  <div class=\"goToTop\">\r\n    <a class=\"goToTop__button btn btn-secondary\" href=\"#productsListHeading\" aria-label=\"Top of the item list\">Top<\/a>\r\n  <\/div>\r\n<\/div>\r\n<\/code><\/pre>\n<h5>Area heading<\/h5>\n<p>A hidden heading for the listing controls area was added (with class <code>sr-only<\/code>), using <h3> or <h4> depending on the page structure.<\/p>\n<h5>Load more<\/h5>\n<p>We switched to a semantic button with consistent, localized labeling. For products and search results, the label includes how many items will be loaded. For discussions and ratings, the label is \u201cShow next results.\u201d This clarifies intent and improves accessibility.<\/p>\n<h5>Pagination<\/h5>\n<p>Pagination uses a semantic navigation landmark with an off-screen name and status. Items are structured as a list. The current page is indicated with <code>aria-current=\"page\"<\/code>. This provides reliable announcements for screen readers (position and link purpose) and predictable keyboard navigation.<\/p>\n<h5>Go to top<\/h5>\n<p>The link points to the hidden heading above each listing and behaves as a regular anchor (no JavaScript). This ensures predictable behavior and good keyboard compatibility.<\/p>\n<h5>Items total<\/h5>\n<p>In Classic and Disco, Items total is now present on mobile only. In other 3G templates, it remains visible as before. This keeps summary information consistent on small screens.<\/p>\n<h4>Hidden headings above listings<\/h4>\n<p>We added headings for screen readers (with class <code>sr-only<\/code>) above each listing (products, search results, discussions, ratings, glossary terms, and articles). These headings act as anchor targets for the \u201cGo to top\u201d link and improve navigation for screen reader users.<\/p>\n<p>Example of the heading for products on a category page. ID changes based on the content and location of the listing.<br \/>\n<code class=\"language-markup\"><br \/>\n<h2 id=\"productsListHeading\" class=\"sr-only\" tabindex=\"-1\">V\u00fdpis produkt\u016f<\/h2><br \/>\n<\/code><\/p>\n<h3>CSS Changes<\/h3>\n<h4>Button appearance in listing controls<\/h4>\n<p>Buttons are styled per template as secondary (less prominent) buttons.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4503 size-large\" src=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/09\/pagination-all-templates-592x1024.png\" alt=\"\" width=\"592\" height=\"1024\" srcset=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/09\/pagination-all-templates-592x1024.png 592w, https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/09\/pagination-all-templates-173x300.png 173w, https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/09\/pagination-all-templates-768x1329.png 768w, https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/09\/pagination-all-templates-888x1536.png 888w, https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/09\/pagination-all-templates-1183x2048.png 1183w, https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/09\/pagination-all-templates-1320x2284.png 1320w\" sizes=\"auto, (max-width: 592px) 100vw, 592px\" \/><\/p>\n<h3>JavaScript changes<\/h3>\n<p>Scripts handling new item loading via the Load more  button and the pagination were updated for accessibility (announcer & focus) and consistency.<\/p>\n<p>While new items are loading, a page overlay with a spinner is displayed across all listings (including search results). A screen reader announcement indicates the loading state; once items are loaded, focus moves to the first newly loaded item.<\/p>\n<p>Newly inserted items are revealed with a light fade-in animation, managed by shoptet.animations.fadeIn(elements), which toggles the <code>.fade-in<\/code> and <code>.start classes<\/code>.<\/p>\n<h3>Scrolling & offsets<\/h3>\n<p>We moved from custom JavaScript scroll to browser-native scrolling with a CSS offset. New CSS tokens handle the effective offset for a fixed header and temporary messages. This solution allows the browser to properly align targets using <code>scroll-padding-top<\/code>, including anchor links (which work without JavaScript) and respects <code>prefers-reduced-motion<\/code>.<\/p>\n<h4>New tokens and CSS<\/h4>\n<p>We have added these tokens and CSS.<\/p>\n<pre data-language=\"CSS\"><code class=\"language-css\">\r\n:root {\r\n  --scroll-offset: var(--scroll-offset-override, var(--scroll-offset-runtime, 0px));\r\n  --scroll-extra-offset: 0px;\r\n}\r\n\r\nhtml {\r\n  scroll-behavior: smooth;\r\n  scroll-padding-top: max(var(--scroll-offset, 0px), var(--scroll-extra-offset));\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  html {\r\n    scroll-behavior: auto;\r\n  }\r\n}\r\n<\/code><\/pre>\n<ul>\n<li><code>--scroll-offset-override<\/code> \u2014 optional manual override for the scroll offset (if you need to override our settings).<\/li>\n<li><code>--scroll-offset-runtime<\/code> \u2014 set by JavaScript based on the fixed header\u2019s height.<\/li>\n<li><code>--scroll-extra-offset<\/code> \u2014 set by JavaScript to the height of the currently visible message\/notification.<\/li>\n<\/ul>\n<h4>Changes to the scrollToEl function<\/h4>\n<p>The legacy global <code>scrollToEl<\/code> has been deprecated and replaced with <code>shoptet.scroll.scrollToEl(el)<\/code>. See the function definition: <a href=\"https:\/\/github.com\/shoptet\/templates-assets\/blob\/master\/00\/js\/modules\/scroll.js\">https:\/\/github.com\/shoptet\/templates-assets\/blob\/master\/00\/js\/modules\/scroll.js<\/a>. The new <code>shoptet.scroll.scrollToEl(el)<\/code> computes and temporarily sets <code>--scroll-extra-offset<\/code> when a message is present, then restores it after scrolling.<\/p>\n<p>Please replace any usage of <code>window.scrollToEl($el)<\/code> with <code>shoptet.scroll.scrollToEl(el)<\/code>.<br \/>\nIf you are using our JavaScript but not our CSS, set <code>scroll-padding-top<\/code> and <code>scroll-behavior<\/code> to html and custom properties as mentioned above.<\/p>\n<hr \/>\n<h2>New Features<\/h2>\n<h3>Script for Dual Currency Display in Bulgaria<\/h3>\n<p>We have introduced a script for double currency for Bulgaria. You can read the details here: <a href=\"https:\/\/developers.shoptet.com\/script-for-dual-currency-display-in-bulgaria-bgn-eur\/\" target=\"_blank\">Script for Dual Currency Display in Bulgaria (BGN + EUR)<\/a>.<\/p>\n<hr \/>\n<h2>Improvements<\/h2>\n<h3>Trailing slash redirect<\/h3>\n<p>The URL without the trailing slash is now redirected as a permanent, not temporary redirect.<\/p>\n<h3>\u267f\ufe0f Skip link for the sidebar<\/h3>\n<p>We added a skip link that enables skipping the sidebar, which helps navigation.<\/p>\n<h3>\u267f\ufe0f Removal of text transformation in the checkout<\/h3>\n<p>We removed the text transform “soft validator”, for example, the first capital letter.<\/p>\n<hr \/>\n<h2>Bugfixes<\/h2>\n<h3>Zoom effect<\/h3>\n<p>We have fixed a zoom effect on the product detail image, which was caused by smaller image dimensions.<\/p>\n<h3>Discussion replies nesting<\/h3>\n<p>We have fixed the margin for nested replies in the discussions.<\/p>\n<h3>Carousel arrows \u2013 Samba template<\/h3>\n<p>We have fixed the navigation arrow position in the carousel on Samba.<\/p>\n<h3>Carrier logo in Samba checkout<\/h3>\n<p>We have fixed the misalignment of the carrier logo in the Samba template.<\/p>\n<h3>Back to the button \u2013 Step template<\/h3>\n<p>We have fixed the back to the shop in the Step template in the cart.<\/p>\n<h3>Tango template availability and stock color<\/h3>\n<p>We have unified the color of the stock and availability in the Tango template.<\/p>\n<h3>Techno template H1 deduplication<\/h3>\n<p>We have removed the duplicate of H1 in the product detail.<\/p>\n<hr \/>\n<h2>Upcoming Improvements<\/h2>\n<ul>\n<li>\u267f\ufe0f Unification of the payment methods radiogroup<\/li>\n<li>\u267f\ufe0f Rating component in the product detail<\/li>\n<li>\u267f\ufe0f Discussion component in the product detail<\/li>\n<li>\u267f\ufe0f Forms error UX improvements<\/li>\n<\/ul>\n<p><strong><em>Please note: the above outlook for 14 days is subject to change due to unexpected events or changes in priorities \u2013 we do not commit to delivering these outputs and outcomes. Thank you for your understanding.<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Breaking Change \u267f\ufe0f Listing controls area (via Deferred Template Updates) Listing controls area updated across all 3G templates (Load more button, Pagination, Go to top […]<\/p>\n","protected":false},"author":34,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4480","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4480"}],"version-history":[{"count":40,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4480\/revisions"}],"predecessor-version":[{"id":4530,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4480\/revisions\/4530"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4454,"date":"2025-07-31T09:57:07","date_gmt":"2025-07-31T07:57:07","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4454"},"modified":"2025-12-19T16:58:06","modified_gmt":"2025-12-19T15:58:06","slug":"script-for-dual-currency-display-in-bulgaria-bgn-eur","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/script-for-dual-currency-display-in-bulgaria-bgn-eur\/","title":{"rendered":"Script for Dual Currency Display in Bulgaria (BGN + EUR)"},"content":{"rendered":"<p>NOTE: This script will automatically switch the price after 1. 1. 2026.<\/p>\n<p>As part of the new legal requirement in Bulgaria to display both BGN and EUR prices, we have prepared a basic JavaScript script that automatically calculates and shows euro prices alongside existing BGN prices. The secondary price is wrapped in the span element with <code>bgn__secondaryPrice<\/code> class, so you can style it right away.<\/p>\n<p>\u2139\ufe0f This is an early version \u2014 fully functional, but intended as a starting point. Developers can build on it, customize it to fit specific needs, and help us improve it further. Your feedback and suggestions are very welcome! \u2139\ufe0f<\/p>\n<p>You can see a live example here: <a href=\"https:\/\/732466.myshoptet.com\" target=\"_blank\" rel=\"noopener\">https:\/\/732466.myshoptet.com<\/a>.<\/p>\n<p>You can insert the following code in to the footer script section.<\/p>\n<pre><script src=\"https:\/\/cdn.myshoptet.com\/prj\/dist\/master\/cms\/js\/bgnDualPrice.min.js\"><\/script>\r\n<script>shoptet.custom.bgnDualPrice.applyDualPrices();<\/script><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>NOTE: This script will automatically switch the price after 1. 1. 2026. As part of the new legal requirement in Bulgaria to display both BGN […]<\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4454","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4454"}],"version-history":[{"count":12,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4454\/revisions"}],"predecessor-version":[{"id":4701,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4454\/revisions\/4701"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4405,"date":"2025-06-30T15:19:25","date_gmt":"2025-06-30T13:19:25","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4405"},"modified":"2025-06-30T15:59:09","modified_gmt":"2025-06-30T13:59:09","slug":"frontend-news-from-june-30-2025","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-june-30-2025\/","title":{"rendered":"Frontend news from June 30, 2025"},"content":{"rendered":"<h2>Breaking Change<\/h2>\n<h3>Unification of Carrier Modal Windows (via <a class=\"wp-editor-md-post-content-link\" title=\"Deferred Template Updates\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\">Deferred Template Updates<\/a>)<\/h3>\n<p>We remind you the added the Back to e-shop button to multiple places mentioned in the previous <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-june-12-2025\/#ums\">FE news<\/a>.<\/p>\n<h2>Improvements<\/h2>\n<h3>\u267f\ufe0f Cookie Bar Placement (All 3G Templates)<\/h3>\n<p>We will soon move the cookie bar to the very beginning of the page content. This update, releasing in the upcoming days, also includes minor improvements for screen readers and fixes for color contrast issues.<\/p>\n<h3>\u267f\ufe0f Add to Cart Label (All 3G Templates)<\/h3>\n<p>In the upcoming days, we will update the “Add to Cart” label to include the name of the product for screen readers, providing users with more consistent and accessible information.<\/p>\n<h3>\u267f\ufe0f Underline Links in Paragraphs (Classic Template)<\/h3>\n<p>We fixed inaccessible links within paragraph text. Additionally, in the coming days, we will release a fix for missing wrappers in certain places.<\/p>\n<h3>\u267f\ufe0f Brand Link on the Product Detail Page (Classic Template)<\/h3>\n<p>We unified the brand link with its associated text, improving accessibility for screen readers.<\/p>\n<h3>Unified Hovering of Product Detail Card<\/h3>\n<p>We disabled the hover effect on the “Add to Cart” button when hovering over the entire product detail card.<\/p>\n<h2>Bugfixes<\/h2>\n<h3>Missing Tooltips in Express Checkout<\/h3>\n<p>We added missing tooltips that were inadvertently removed in a previous deployment.<\/p>\n<h3>Region Field in the Checkout (Disco Template)<\/h3>\n<p>We corrected the styling of the label in the Disco template for the region selection field.<\/p>\n<h3>Form Label in the Checkout (Disco Template)<\/h3>\n<p>We fixed a misaligned form label that previously prevented users from clicking into the input field.<\/p>\n<h2>Upcoming Improvements<\/h2>\n<p>\u267f\ufe0f Skip link for categories in the sidebar<br \/>\n\u267f\ufe0f Discussion on the product detail<br \/>\n\u267f\ufe0f Keyboard accessibility for payment methods<br \/>\n\u267f\ufe0f Pagination component<\/p>\n<p><strong><em>Please note: the above outlook for 14 days is subject to change due to unexpected events or changes in priorities \u2013 we do not commit to delivering these outputs and outcomes. Thank you for your understanding.<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Breaking Change Unification of Carrier Modal Windows (via Deferred Template Updates) We remind you the added the Back to e-shop button to multiple places mentioned […]<\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4405","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4405"}],"version-history":[{"count":6,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4405\/revisions"}],"predecessor-version":[{"id":4411,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4405\/revisions\/4411"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4348,"date":"2025-06-12T09:36:09","date_gmt":"2025-06-12T07:36:09","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4348"},"modified":"2025-06-12T09:36:09","modified_gmt":"2025-06-12T07:36:09","slug":"frontend-news-from-june-12-2025","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-june-12-2025\/","title":{"rendered":"Frontend news from June 12, 2025"},"content":{"rendered":"<h2>Breaking Change<\/h2>\n<h3>Unification of Carrier Modal Windows (via <a class=\"wp-editor-md-post-content-link\" title=\"Deferred Template Updates\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\">Deferred Template Updates<\/a>)<\/h3>\n<ul>\n<li>The change is scheduled for release on <strong>June 17, 2025<\/strong>. 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 <strong>until July 1, 2025 to modify their customizations<\/strong> and accept the update.<\/li>\n<li>You can preview the changes by running the command <code>shoptet.helpers.enableUpdatePreview('logistics_unify_pickup_points')<\/code> in the browser console.<\/li>\n<\/ul>\n<h4>Changes Made<\/h4>\n<ul>\n<li data-stringify-indent=\"0\" data-stringify-border=\"1\"><b data-stringify-type=\"bold\">Unification of Modal Windows:<\/b> Modal windows for all delivery methods and their <b data-stringify-type=\"bold\">selectors<\/b> have been unified. This means that unified selectors will now be used for modal windows.<\/li>\n<li data-stringify-indent=\"0\" data-stringify-border=\"1\"><b data-stringify-type=\"bold\">New Wrapping Element for Pickup Points:<\/b> All shipping methods related to pickup points will be wrapped in the cart in one of the following HTML elements:\n<ul class=\"p-rich_text_list p-rich_text_list__bullet p-rich_text_list--nested\" data-stringify-type=\"unordered-list\" data-list-tree=\"true\" data-indent=\"1\" data-border=\"0\" data-border-radius-top-cap=\"0\" data-border-radius-bottom-cap=\"0\">\n<li data-stringify-indent=\"1\" data-stringify-border=\"1\"><code class=\"c-mrkdwn__code\" data-stringify-type=\"code\"><span class=\"sublabel pickup-point-choose\" data-testid=\"deliveryPoint\" data-method-id=\"{$shippingMethodId}\"><\/code> where <code class=\"c-mrkdwn__code\" data-stringify-type=\"code\">{$shippingMethodId}<\/code> represents the ID of the shipping method.<\/li>\n<li data-stringify-indent=\"1\" data-stringify-border=\"1\"><code class=\"c-mrkdwn__code\" data-stringify-type=\"code\"><div class=\"pickup-point-choose\" data-delivery-country-code={$deliveryCountryCode} data-testid=\"deliveryPoint\" data-method-id=\"{$value->getId()}\"><\/code> The use of <code class=\"c-mrkdwn__code\" data-stringify-type=\"code\"><span><\/code> or <code class=\"c-mrkdwn__code\" data-stringify-type=\"code\"><div><\/code> depends on the template generation.<\/li>\n<\/ul>\n<\/li>\n<li data-stringify-indent=\"0\" data-stringify-border=\"1\"><b data-stringify-type=\"bold\">Opening the Modal Window:<\/b> The modal window for selecting a pickup point will now open on a <code class=\"c-mrkdwn__code\" data-stringify-type=\"code\">click<\/code> event on the <code class=\"c-mrkdwn__code\" data-stringify-type=\"code\">.pickup-point-choose a<\/code> element.<\/li>\n<li data-stringify-indent=\"0\" data-stringify-border=\"1\"><b data-stringify-type=\"bold\">End of Support for the Old Solution:<\/b> The existing solution for core shipping will be <b data-stringify-type=\"bold\">discontinued<\/b>, including related endpoints.<\/li>\n<\/ul>\n<p> <\/p>\n<h3>Cookie setting button element<\/h3>\n<p>We will change cookie setting button (which is now a link <code class=\"c-mrkdwn__code\" data-stringify-type=\"code\"><a><\/code>) to button element. This will be part of other accessibility improvements in the cookie bar and this will be delivered in the upcoming days.<\/p>\n<h2>Improvements<\/h2>\n<h3>\u267f\ufe0f Text Color in the Banners<\/h3>\n<p>We have fixed the text color in text banners and highlighted any links inside.<\/p>\n<h3>\u267f\ufe0f Added Hidden Heading for Footer<\/h3>\n<p>We have added a hidden (class <code>.sr-only<\/code>) heading for screen readers to the footer of all 3G templates.<\/p>\n<h2>Bugfixes<\/h2>\n<h3>Missing Cofidis Calculator<\/h3>\n<p>On the Techno and Waltz templates, we have added the missing Cofidis calculator for the table variant display.<\/p>\n<h2>Upcoming Improvements<\/h2>\n<p>\u267f\ufe0f Skip link for categories in the sidebar<br \/>\n\u267f\ufe0f Add to cart improvement for readers<br \/>\n\u267f\ufe0f Links in paragraphs underline<br \/>\n\u267f\ufe0f Brand link unification in the product detail<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Breaking Change Unification of Carrier Modal Windows (via Deferred Template Updates) The change is scheduled for release on June 17, 2025. If you are an […]<\/p>\n","protected":false},"author":32,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4348","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4348"}],"version-history":[{"count":13,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4348\/revisions"}],"predecessor-version":[{"id":4361,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4348\/revisions\/4361"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4342,"date":"2025-05-28T16:36:33","date_gmt":"2025-05-28T14:36:33","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4342"},"modified":"2025-05-28T16:36:54","modified_gmt":"2025-05-28T14:36:54","slug":"frontend-news-from-may-28-2025","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-may-28-2025","title":{"rendered":"Frontend news from May 28, 2025"},"content":{"rendered":"<h2>Accessibility (a11y) Changes<\/h2>\n<p>We will mark the changes related to accessibility with the icon \u267f\ufe0f in the upcoming FE news.<\/p>\n<hr \/>\n<h2>New Features<\/h2>\n<h3>\u267f\ufe0f Skip link<\/h3>\n<p>We added a skip link to all the templates. This essential feature will help people using a keyboard and screenreader to skip the repeating content (header, main menu, sidebar). We will add more skip links to help people to navigate faster.<\/p>\n<h3><\/h3>\n<hr \/>\n<h2>Improvements<\/h2>\n<h3>\u267f\ufe0f Unified focus ring<\/h3>\n<p>We improved and unified the focus ring. Now, the focus ring contains dark and light colors to cover the backgrounds and help people navigate using the keyboard.<\/p>\n<h3>\u267f\ufe0f Login keyboard a11y<\/h3>\n<p>We improved login widget to have better keyboard accessibility.<\/p>\n<h3>\u267f\ufe0f Default color scheme for Classic<\/h3>\n<p>We changed the default color schemes for Classic template, which are now accessible.<\/p>\n<h3>\u267f\ufe0f Color tokens for Classic<\/h3>\n<p>We changed default system colors like text color, outlines, etc., to maintain sufficient contrast between the background and other colors in the scheme.<\/p>\n<hr \/>\n<h2>Bugfixes<\/h2>\n<h3>Beneficial banners deformation<\/h3>\n<p>On the Samba template, we fixed the beneficial banners icon, which was deformed in some cases.<\/p>\n<h3>Back button in the cart<\/h3>\n<p>We fixed the back button in the cart, which, in some cases, didn’t point to the e-shop but to the next checkout step.<\/p>\n<h3>Adding multiple products into a cart with JavaScript<\/h3>\n<p>We fixed the popup of the advanced order (roz\u0161\u00ed\u0159en\u00e1 objedn\u00e1vka), which was triggered even with the <code>silent<\/code> parameter.<\/p>\n<hr \/>\n<h2>Upcoming Improvements<\/h2>\n<ul>\n<li>Techno & Waltz cofidis fix.<\/li>\n<li>Samba text and link colors in banners.<\/li>\n<li>Skip link for the sidebar.<\/li>\n<li>Footer heading for screenreader.<\/li>\n<\/ul>\n<p><strong><em>Please note: the above outlook for 14 days is subject to change due to unexpected events or changes in priorities \u2013 we do not commit to delivering these outputs and outcomes. Thank you for your understanding.<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Accessibility (a11y) Changes We will mark the changes related to accessibility with the icon \u267f\ufe0f in the upcoming FE news. New Features \u267f\ufe0f Skip link […]<\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4342","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4342"}],"version-history":[{"count":5,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4342\/revisions"}],"predecessor-version":[{"id":4347,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4342\/revisions\/4347"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4257,"date":"2025-04-08T09:35:12","date_gmt":"2025-04-08T07:35:12","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4257"},"modified":"2025-05-20T14:35:12","modified_gmt":"2025-05-20T12:35:12","slug":"frontend-news-from-april-8-2025","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-april-8-2025\/","title":{"rendered":"Frontend news from April 8, 2025"},"content":{"rendered":"<h2>Breaking Changes<\/h2>\n<h3>Adding Lazy Load and dimensions to the images (via <a title=\"Deferred Template Updates\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\">Deferred Template Updates<\/a>)<\/h3>\n<p>We want to remind you of the Lazy Load mentioned in the previous <a title=\"FE news\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-1-2025\/\">FE news<\/a>.<\/p>\n<h3>Add to cart string<\/h3>\n<p>On April 15, we will update the text of the conversion button (only in English) from “To cart” to “Add to cart”.<\/p>\n<h3>Possible display of parameters<\/h3>\n<p>On Wednesday, April 9, we will release a change related to GPSR. On all templates, we will start displaying the EAN (if provided) in the product detail. The EAN will appear in the section designated for product parameters. If the project previously had no parameters and the parameters section was therefore hidden, it will now be displayed for products with a filled-in EAN.<\/p>\n<hr \/>\n<h2>Improvements<\/h2>\n<h3>Customizable product slider<\/h3>\n<p>We will add options to customize the product slider in the upcoming days, such as autoplay. To view all available options, run <code>shoptet.abilities.config.product_slider<\/code> in the browser console. The product slider is also initialized on <code>DOMContentLoaded<\/code>, so you can further customize it as needed.<\/p>\n<h3>Logging deprecated functions<\/h3>\n<p>We log all deprecated functions in the console. In case you find this console log: <code>[Deprecated]: Function $.fn.unveil() is deprecated and will be removed after 2025-12-31. Please use shoptet.images.unveil() instead.<\/code> Replace the function immediately.<\/p>\n<hr \/>\n<h2>Upcoming Improvements<\/h2>\n<ul>\n<li>Keyboard accessibility for product sorting.<\/li>\n<li>Keyboard accessibility for the cart widget.<\/li>\n<li>Keyboard accessibility for category content.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Breaking Changes Adding Lazy Load and dimensions to the images (via Deferred Template Updates) We want to remind you of the Lazy Load mentioned in […]<\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4257","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4257"}],"version-history":[{"count":7,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4257\/revisions"}],"predecessor-version":[{"id":4312,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4257\/revisions\/4312"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4236,"date":"2025-04-01T16:32:18","date_gmt":"2025-04-01T14:32:18","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4236"},"modified":"2025-04-01T16:32:38","modified_gmt":"2025-04-01T14:32:38","slug":"frontend-news-from-april-1-2025","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-april-1-2025\/","title":{"rendered":"Frontend news from April 1, 2025"},"content":{"rendered":"<h2>Breaking Change<\/h2>\n<h3>Adding Lazy Load and dimensions to the images (via <a class=\"wp-editor-md-post-content-link\" title=\"Deferred Template Updates\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\">Deferred Template Updates<\/a>)<\/h3>\n<ul>\n<li>To improve performance and user experience, we have made several changes related to image handling on the website. Below is a summary of the adjustments you should be aware of.<\/li>\n<li>The change is scheduled for release on <strong>April 08, 2025<\/strong>. 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 <strong>time until April 22, 2025 to modify their customizations<\/strong> and accept the update.<\/li>\n<li>You can preview the changes by running the command <code>shoptet.helpers.enableUpdatePreview('product_images_lazy_load')<\/code> in the browser console.<\/li>\n<\/ul>\n<h3>Lazy Loading Implementation<\/h3>\n<p>We have implemented <strong>lazy loading<\/strong> for the majority of images across the site. Images are now loaded only when they are about to enter the viewport (e.g., upon scrolling or opening an overlay), which helps reduce initial page load time and prevents unnecessary network requests.<\/p>\n<h4>Placeholder strategy:<\/h4>\n<ul>\n<li>Until an image is actually loaded, a transparent SVG placeholder with the correct final dimensions is rendered.<\/li>\n<li>This prevents layout shifts (CLS) and ensures a smooth visual experience.<\/li>\n<\/ul>\n<h4>Lazy Load Rules<\/h4>\n<p>The following groups of images are <strong>excluded<\/strong> from lazy loading and are loaded immediately on page load, as they are critical for the above-the-fold content and user experience:<\/p>\n<p><strong>Homepage:<\/strong><br \/>\n– Top-position banners<br \/>\n– The first image in the carousel<br \/>\n– The first row of product images<\/p>\n<p><strong>Product Listing Page:<\/strong><br \/>\n– The first row of products<\/p>\n<p><strong>Product Detail Page:<\/strong><br \/>\n– The main product image<\/p>\n<p><strong>Article Listing Page:<\/strong><br \/>\n– <strong>Disco<\/strong> and <strong>Samba<\/strong> templates: the first row of article images<br \/>\n– <strong>3G<\/strong> templates: the first article image only<\/p>\n<p><strong>Article Detail Page:<\/strong><br \/>\n– <strong>Samba<\/strong> template: the main article image<\/p>\n<p><strong>Global:<\/strong><br \/>\n– The site logo on all pages<\/p>\n<blockquote><p><strong>Note:<\/strong> All other images that are not explicitly mentioned above will now use the lazy loading mechanism.<\/p><\/blockquote>\n<h2>Image Dimensions<\/h2>\n<p>To further improve performance and support the lazy loading mechanism, we have systematically added <code>width<\/code> and <code>height<\/code> attributes to almost all images.<\/p>\n<h3>Exceptions:<\/h3>\n<p>Some images remain without explicit dimensions due to dynamic sizing:<br \/>\n– The e-shop logo<br \/>\n– Payment and shipping icons<\/p>\n<h2>Improvements<\/h2>\n<ul>\n<li>As part of additional page speed optimizations, we have added the <code>fetchpriority<\/code> attribute to all images. Only the first (main) image is marked as high priority, all others are set to low priority.<\/li>\n<li>Implemented JavaScript functionality to allow keyboard control of the main menu.<\/li>\n<li>The admin bar language now correctly follows the admin’s selected language instead of the template language.<\/li>\n<\/ul>\n<h2>Bugfixes<\/h2>\n<ul>\n<li>Fixed an issue where the deferred update preview could not be enabled from the admin bar when Polish, German, Romanian, or Vietnamese languages were set.<\/li>\n<li>The quantity input now supports values greater than 999.<\/li>\n<li>Fixed an issue where long texts inside Waltz flags were overflowing.<\/li>\n<li>Adjusted the Samba loader color.<\/li>\n<\/ul>\n<h2>Upcoming Improvements<\/h2>\n<ul>\n<li><strong>Breaking change:<\/strong> We plan to update the text of the conversion button (only in English) from “To cart” to “Add to cart” very soon.<\/li>\n<li>Keyboard accessibility for product sorting.<\/li>\n<li>Keyboard accessibility for the cart widget.<\/li>\n<li>Keyboard accessibility for category content.<\/li>\n<li>Improvements to the product slider.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Breaking Change Adding Lazy Load and dimensions to the images (via Deferred Template Updates) To improve performance and user experience, we have made several changes […]<\/p>\n","protected":false},"author":32,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4236","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4236"}],"version-history":[{"count":4,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4236\/revisions"}],"predecessor-version":[{"id":4254,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4236\/revisions\/4254"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4236"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4236"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4174,"date":"2025-03-07T12:19:23","date_gmt":"2025-03-07T11:19:23","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4174"},"modified":"2025-03-26T09:49:14","modified_gmt":"2025-03-26T08:49:14","slug":"frontend-news-from-march-3-2025","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-march-7-2025","title":{"rendered":"Frontend news from March 7, 2025"},"content":{"rendered":"<h2>Breaking Change<\/h2>\n<h3>Quantity component better accesibility (via <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\" title=\"Deferred Template Updates\">Deferred Template Updates<\/a>)<\/h3>\n<ul>\n<li>The change is scheduled for release on <strong>March 19, 2025<\/strong>. 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 <strong>time until April 2, 2025 to modify their customizations<\/strong> and accept the update.<\/li>\n<li>You can preview the changes by running the command <code>shoptet.helpers.enableUpdatePreview('product_quantity')<\/code> in the browser console.<\/li>\n<\/ul>\n<h3>Adjustments in 3G Templates<\/h3>\n<h4>HTML Structure Adjustments in the Quantity Component<\/h4>\n<ul>\n<li>The input is now wrapped in a <code><label><\/code> element.<\/li>\n<li>The input now utilizes native <code>min<\/code>, <code>max,<\/code> and <code>step<\/code> attributes, and the <code>data-max<\/code> and <code>data-min<\/code> attributes have been removed.<\/li>\n<li>The <code>step<\/code> attribute now reflects the decimal precision set for the product:\n<ul>\n<li>3 decimal places \u2192 <code>step=\"0.001\"<\/code><\/li>\n<li>0 decimal places \u2192 <code>step=\"1\"<\/code><\/li>\n<\/ul>\n<\/li>\n<li>The <code>.increase<\/code> and <code>.decrease<\/code> buttons have been changed from <code><span><\/code> elements to <code><button><\/code> elements.<\/li>\n<li>Each button now contains a <code><span><\/code> element with a plus or minus sign, used in the Samba template.<\/li>\n<\/ul>\n<pre data-language=HTML><code class=\"language-markup \"><span class=\"quantity\">\n    <span class=\"increase-tooltip js-increase-tooltip\" data-trigger=\"manual\" data-container=\"body\" data-original-title=\"Nen\u00ed mo\u017en\u00e9 zakoupit v\u00edce ne\u017e 9999 ks.\" aria-hidden=\"true\" role=\"tooltip\">\n    <\/span>\n    <span class=\"decrease-tooltip js-decrease-tooltip\" data-trigger=\"manual\" data-container=\"body\" data-original-title=\"Minim\u00e1ln\u00ed mno\u017estv\u00ed, kter\u00e9 lze zakoupit, je 3 ks.\" aria-hidden=\"true\" role=\"tooltip\">\n    <\/span>\n    <label>\n        <input type=\"number\" name=\"amount\" value=\"3\" class=\"amount\" autocomplete=\"off\" data-decimals=\"0\" step=\"1\" min=\"3\" max=\"9999\" aria-label=\"Mno\u017estv\u00ed\">\n    <\/label>\n    <button class=\"increase\" type=\"button\" aria-label=\"Zv\u00fd\u0161it mno\u017estv\u00ed o 1\">\n        <span class=\"increase__sign\">+<\/span>\n    <\/button>\n    <button class=\"decrease\" type=\"button\" aria-label=\"Sn\u00ed\u017eit mno\u017estv\u00ed o 1\">\n        <span class=\"decrease__sign\">\u2212<\/span>\n    <\/button>\n<\/span>\n<\/code><\/pre>\n<h4>Component with aria-live Region for Screen Readers<\/h4>\n<ul>\n<li>A hidden <code><div><\/code> with <code>id=\"screen-reader-announcer\"<\/code> has been added at the end of each page:<\/li>\n<\/ul>\n<pre data-language=HTML><code class=\"language-markup \"><div id=\"screen-reader-announcer\" aria-live=\"polite\" class=\"sr-only\"><\/div>\n<\/code><\/pre>\n<ul>\n<li>The <code><div><\/code> is hidden using the <code>sr-only<\/code> CSS class.<\/li>\n<li>It is predefined as an ARIA live region to allow adding text that will be read by screen readers.<\/li>\n<li>In this case, it will be used to announce quantity changes and inform users when the maximum or minimum limit is reached.<\/li>\n<\/ul>\n<h4>CSS Adjustments<\/h4>\n<ul>\n<li>Minor adjustments due to the change of elements to <code><button><\/code> for increase\/decrease buttons in Waltz and Disco templates.<\/li>\n<li>In the Classic template, the larger quantity component in the cart is now displayed between 480px – 768px, along with other minor improvements.<\/li>\n<li>In Samba, <code>.increase__sign<\/code> and <code>.decrease__sign<\/code> elements are now correctly displayed with plus and minus symbols.<\/li>\n<\/ul>\n<h3>JavaScript Adjustments<\/h3>\n<h4>Behavior Update for increase and decrease Buttons<\/h4>\n<ul>\n<li>Quantity adjustments now rely on the native <code>min<\/code>, <code>max<\/code>, and <code>step<\/code> attributes of the input, along with the data-decimals attribute.<\/li>\n<li>The <code>min<\/code> attribute is now set to the product or variant’s minimum quantity.<\/li>\n<li>The <code>max<\/code> attribute is now set to the product or variant’s maximum quantity.<\/li>\n<li>The <code>step<\/code> attribute is set to 1 or the smallest allowed value based on decimal places (e.g., 0.001 for 3 decimal places).<\/li>\n<li>This unifies the behavior of the input field and the buttons, ensuring that quantity changes respect the step attribute whether adjusted via buttons (increase\/decrease) or keyboard arrows (ArrowUp\/ArrowDown).<\/li>\n<li>Adjustments were made in the <code>shoptet.helpers.updateQuantity<\/code> function and related functions.<\/li>\n<\/ul>\n<h4>New Function: shoptet.helpers.announceToScreenReader<\/h4>\n<ul>\n<li>To improve accessibility, a new function has been added that uses the hidden <code><div><\/code> with <code>id=\"screen-reader-announcer\"<\/code> as the ARIA live region for screen readers.<\/li>\n<li>Function parameters:<\/li>\n<\/ul>\n<pre><code class=\"language-js \">announceToScreenReader(message, liveType = 'polite')\n@param {string} message - The message that will be announced by the screen reader.\n@param {'polite' | 'assertive'} [liveType=\"polite\"] - Defines the urgency of the announcement:\n    polite (default): Announces the message at the next available opportunity.\n    assertive: Announces the message immediately, interrupting any ongoing speech.\n<\/code><\/pre>\n<h3>Adjustments in 2G Templates<\/h3>\n<ul>\n<li>Only necessary changes were made to unify the behavior of quantity adjustments via buttons and keyboard arrows (ArrowUp\/ArrowDown).<\/li>\n<li>Accessibility was not implemented in these templates.<\/li>\n<li>The <code>step<\/code> attribute for the quantity input was adjusted:\n<ul>\n<li>Instead of value <code>any<\/code>, it now reflects the decimal precision set for the product (e.g., 0.001 for 3 decimal places, 1 for no decimals).<\/li>\n<\/ul>\n<\/li>\n<li>The <code>autocomplete=\"off\"<\/code> attribute was added to the quantity input.<\/li>\n<\/ul>\n<hr \/>\n<h2>Improvements<\/h2>\n<h3>Deprecated function log<\/h3>\n<p>As we informed you in the previous <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-february-26-2025\/\" title=\"news\">news<\/a>, we will mark deprecated functions using <code>shoptet.dev.deprecated<\/code> and log them into the console. <strong>Please remove deprecated functions from your codebase as soon as possible.<\/strong><\/p>\n<h3>Largest Contentful Paint (LCP) metrics improvement<\/h3>\n<p>We moved cookie bar right after the footer element, this significantly improves the performance.<\/p>\n<hr \/>\n<h2>What we plan in upcoming days<\/h2>\n<ul>\n<li>Width and height attribute and lazy loading for (almost) all images<\/li>\n<li>Main navigation keyboard accessibility<\/li>\n<li>Product sorting keyboard accessibility<\/li>\n<li>Cart widget keyboard accessibility<\/li>\n<li>Product slider improvements<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Breaking Change Quantity component better accesibility (via Deferred Template Updates) The change is scheduled for release on March 19, 2025. If you are an addon […]<\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4174","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4174"}],"version-history":[{"count":9,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4174\/revisions"}],"predecessor-version":[{"id":4179,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4174\/revisions\/4179"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4171,"date":"2025-02-26T10:31:21","date_gmt":"2025-02-26T09:31:21","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4171"},"modified":"2025-02-26T10:31:55","modified_gmt":"2025-02-26T09:31:55","slug":"frontend-news-from-february-26-2025","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-february-26-2025\/","title":{"rendered":"Frontend news from February 26, 2025"},"content":{"rendered":"<h2>Warnings in the browser console to using deprecated shoptet functions<\/h2>\n<p>As part of improving our JavaScript code, we are modifying or relocating some of our JavaScript functions. In some cases, we need to change their namespace. To ensure backward compatibility and prevent breaking your modifications, we are adding fallbacks, allowing both the new and old function calls to work seamlessly.<br \/>\nIf you are using a function in the old way, we will now notify you with warnings in the browser console. These warnings will include information on the new way to call the function. Over time, we will gradually remove fallbacks for old functions, so the warning will also specify when this will happen.<\/p>\n<hr \/>\n<h2>Breaking Changes<\/h2>\n<h3>Cookie bar position<\/h3>\n<p>In the coming days, we will move the Cookie bar right after the <code>footer<\/code> element. This change is being made due to performance issues, as in some cases, the Cookie bar is taking over the position of the LCP element. Since it loads only after the JavaScript execution, it causes extremely long delays and negatively impacts this metric.<br \/>\nIf your modifications rely on the position of the Cookie banner element, we recommend taking this change into account.<\/p>\n<hr \/>\n<h2>Improvements<\/h2>\n<h3>Added explaining texts to arrows in the gallery modal buttons<\/h3>\n<p>For accessibility reasons, the arrow buttons in the gallery modal now include a hidden text description of the respective button.<\/p>\n<h3>Removed redundant category image alt text<\/h3>\n<p>To improve accessibility, we have removed duplicate alt descriptions for category images in navigation and subcategories.<\/p>\n<hr \/>\n<h2>Bugfixes<\/h2>\n<h3>Wrap product appendix<\/h3>\n<p>In the following days in Enhanced advanced order we will wrap the product appendix with the corresponding <code>class=\"product-appendix\"<\/code> span.<\/p>\n<h3>Samba logo dimensions<\/h3>\n<p>In rare cases, the mobile header on the Samba template was displaying incorrectly when scrolling.<\/p>\n<h3>Banner links<\/h3>\n<p>If you have selected the option in the admin to open a link in a new window, the link now correctly receives the <code>target=\"_blank\"<\/code> attribute.<\/p>\n<hr \/>\n<h2>What we plan in upcoming days<\/h2>\n<ul>\n<li>Width and height attribute and lazy loading for (almost) all images<\/li>\n<li>Quantity buttons keyboard accessibility<\/li>\n<li>Main navigation keyboard accessibility<\/li>\n<li>Product sorting keyboard accessibility<\/li>\n<li>Cart widget keyboard accessibility<\/li>\n<li>Product slider improvements<\/li>\n<li>Add some missing form headings<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Warnings in the browser console to using deprecated shoptet functions As part of improving our JavaScript code, we are modifying or relocating some of our […]<\/p>\n","protected":false},"author":32,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4171","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4171"}],"version-history":[{"count":1,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4171\/revisions"}],"predecessor-version":[{"id":4172,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4171\/revisions\/4172"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4121,"date":"2025-02-04T20:58:53","date_gmt":"2025-02-04T19:58:53","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4121"},"modified":"2025-02-18T14:07:07","modified_gmt":"2025-02-18T13:07:07","slug":"frontend-news-from-february-4-2025","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-february-4-2025","title":{"rendered":"Frontend news from February 4, 2025"},"content":{"rendered":"<h2>Breaking Changes<\/h2>\n<div id=\"ums\"><\/div>\n<h3>Back to e-shop button (via <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\" title=\"Deferred Template Updates\">Deferred Template Updates<\/a>)<\/h3>\n<p>We remind you the added the Back to e-shop button to multiple places mentioned in the previous <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-january-28-2025\/\">FE news<\/a>.<\/p>\n<h3>Erratum: Accessibility of phone number<\/h3>\n<p>In the previous FE news, we incompletely informed you about the phone number change, omitting the information that the exact change is in the phone number in the footer section. We are sorry for any inconvenience.<\/p>\n<hr \/>\n<h2>Improvements<\/h2>\n<h3>Compute some CSS variables in the head<\/h3>\n<p>We significantly improved INP and CLS metrics by calculating <code>--vh<\/code> and <code>--scrollbar-width<\/code> within the head instead of the body.<\/p>\n<h3>Adjusted with for additionnal banners on the Samba template<\/h3>\n<p>We adjusted width for additional banners, if an additional banner has a link assigned but no other text, it should display at full screen width, like a banner with a link.<\/p>\n<h3>Photo gallery open<\/h3>\n<p>We improved INP metrics by removing the opening of the photo gallery from the main event loop.<\/p>\n<hr \/>\n<h2>Bugfixes<\/h2>\n<h3>Samba site name widht<\/h3>\n<p>We fixed the <code>h1.site-name<\/code> element in which the logo is inserted. On the Samba template, it caused bad UX in the mobile header.<\/p>\n<h3>External shipping modal on 2G<\/h3>\n<p>We fixed the external shiping modal opening, some user were not able to open the modal.<\/p>\n<hr \/>\n<h2>What we plan in upcoming days:<\/h2>\n<ul>\n<li>fix keyboard accessibility of quantity buttons<\/li>\n<li>fix keyboard accessibility of cart widget<\/li>\n<li>add fetch priority for better LCP metrics<\/li>\n<li>move cookie bar element for better LCP metrics<\/li>\n<li>gallery modal arrows multilang labels<\/li>\n<li>fix redundant category image alt text<\/li>\n<li>add dimensions for images<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Breaking Changes Back to e-shop button (via Deferred Template Updates) We remind you the added the Back to e-shop button to multiple places mentioned in […]<\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4121","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4121"}],"version-history":[{"count":9,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4121\/revisions"}],"predecessor-version":[{"id":4147,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4121\/revisions\/4147"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4075,"date":"2025-01-28T14:41:49","date_gmt":"2025-01-28T13:41:49","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4075"},"modified":"2025-02-04T21:07:05","modified_gmt":"2025-02-04T20:07:05","slug":"frontend-news-from-january-28-2025","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-january-28-2025\/","title":{"rendered":"Frontend news from January 28, 2025"},"content":{"rendered":"<h2>Template designer<\/h2>\n<p>The Template Designer is a new interface for editing existing templates. As the beta version launch for all users approaches, we would like to provide you with early access to the new editor ahead of regular users. In the coming days, we will enable the Template Designer on your partner testing projects.<\/p>\n<p><a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/?attachment_id=4076\"><img decoding=\"async\" src=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/01\/image-12.png\" alt=\"\" \/><\/a><\/p>\n<h2>Breaking Changes<\/h2>\n<h3>Accessibility of phone number<\/h3>\n<p>Due to accessibility improvements, we changed the wrapper of the phone number. This change will be deployed in the upcoming days. Now, the phone number in the header on the Techno, Tango, and Classic templates is wrapped inside a <code><a><\/code>, even when it doesn’t contain a phone number. We removed the href when the incorrect phone is there.<br \/>\n<a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/?attachment_id=4102\"><img decoding=\"async\" src=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-28-at-14.35.58.png\" alt=\"\" \/><\/a><\/p>\n<h3>Techno product list<\/h3>\n<p>In the upcoming days we release the refactor of the product list in the Techno template. Now the grid is handled by JavaScript to ensure the mansory layout. The refactor is using CSS grid. There are no changes in DOM. We remove <code>same_height_set<\/code> and <code>same_height_breakpoint<\/code> abilities and <code>sameHeightOfProductsLoop<\/code>, <code>setHeightOfBigProduct<\/code>, <code>sameHeightOfProducts<\/code>.<\/p>\n<h3>Back to e-shop button (via <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\" title=\"Deferred Template Updates\">Deferred Template Updates<\/a>)<\/h3>\n<p>We added the Back to e-shop button to multiple places. Based on your feedback, we will provide more detailed information.<\/p>\n<p>The change is scheduled for release on <strong>February 18, 2025<\/strong>. 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 <strong>time until March 4, 2025 to modify their customizations<\/strong> and accept the update.<\/p>\n<p>You can preview the changes by running the command <code>shoptet.helpers.enableUpdatePreview('back_to_shop_buttons')<\/code> in the browser console.<\/p>\n<h4>Advanced Order<\/h4>\n<p>We Added the new “Back to shop” button to the advanced order <code><button type=\"button\" class=\"btn next-step-back colorbox-close\">Back to shop<\/button><\/code> and a new wrapper with the class <code>advancedOrder__buttons<\/code> was created, which contains the button “Back to shop” and the button “Shopping cart”.<\/p>\n<pre data-language=HTML><code class=\"language-markup \"><div class=\"advancedOrder__buttons\">\n  <button type=\"button\" class=\"btn next-step-back colorbox-close\">Zp\u011bt do obchodu<\/button>\n  <a href=\"\/kosik\/\" class=\"btn btn-conversion\" rel=\"nofollow\">N\u00e1kupn\u00ed ko\u0161\u00edk<\/a>\n<\/div>\n<\/code><\/pre>\n<p><a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/?attachment_id=4077\"><img decoding=\"async\" src=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/01\/400655188-a51823e9-1be7-4fde-98a3-8bc18a6ba03d.png\" alt=\"\" \/><\/a><\/p>\n<h4>Cart and the checkout process<\/h4>\n<p>In the Techno, Tango, and Step templates, the element <code><a><\/code> was replaced with <code><button type=\"button\"><\/code> in the cart modal window.<br \/>\nAdded the <code>.btn<\/code> and <code>.btn-lg<\/code> classes. The <code>.toggle-window<\/code> class is added to the button for handling with cart modal. The <code>.toggle-trigger<\/code> class has been removed and is no longer used for handling windows.<br \/>\n<a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/?attachment_id=4079\"><img decoding=\"async\" src=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/01\/403174014-ed9f2e0b-c1c8-49bf-8c75-4734946059b7.png\" alt=\"\" \/><\/a><\/p>\n<h4>Techno specific changes<\/h4>\n<p><strong>Search, Cart, Login, Registration<\/strong><br \/>\n– Element <code><a href=\"#\"><\/code> was replaced with <code><button type=\"button\"><\/code>.<br \/>\n– Added the <code>.btn<\/code> class.<br \/>\n– Classes <code>.toggle-window-arr<\/code> and <code>.btn<\/code> are for CSS styling only.<br \/>\n– Functionality is handled by the <code>.toggle-window<\/code> and <code>.hide-content-windows<\/code> classes.<\/p>\n<p><a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/?attachment_id=4081\"><img decoding=\"async\" src=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/01\/402989585-c7eac58d-2bf7-4471-a553-c767449ea58c.png\" alt=\"\" \/><\/a><\/p>\n<h4>Tango specific changes<\/h4>\n<p><strong>Search, Cart (window)<\/strong><br \/>\n– Element <code><a href=\"#\"><\/code> was replaced with <code><button type=\"button\"><\/code>.<br \/>\n– Added the <code>.btn<\/code> class.<br \/>\n– Classes <code>.toggle-window-arr<\/code> and <code>.btn<\/code> are for CSS styling only.<br \/>\n– Functionality is handled by the <code>.toggle-window<\/code> class.<\/p>\n<p><a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/?attachment_id=4083\"><img decoding=\"async\" src=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/01\/403086900-11354a6e-b4de-4f27-aeb9-23e86266abc5.png\" alt=\"\" \/><\/a><\/p>\n<p><strong>Login, Registration<\/strong><br \/>\n– Element <code><a href=\"#\" class=\"toggle-window-arr\"><span class=\"continue-shopping\">Zp\u011bt do obchodu<\/span><\/a><\/code> was replaced with <code><button type=\"button\" class=\"btn toggle-window-arr toggle-window\">Zp\u011bt <span>do obchodu<\/span><\/button><\/code>. This change unified back buttons with buttons in the search window and cart window.<br \/>\n– Moved in the HTML structure as a direct child of the <code><div><\/code> with the class <code>.login-window-in<\/code>.<br \/>\n– Classes <code>.toggle-window-arr<\/code> and <code>.btn<\/code> are for CSS styling only.<br \/>\n– Functionality is handled by the <code>.toggle-window<\/code> class.<\/p>\n<p><a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/?attachment_id=4084\"><img decoding=\"async\" src=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/01\/403088515-15e7dc07-cb65-427b-8cb2-87aff5a50eb1.png\" alt=\"\" \/><\/a><\/p>\n<p><strong>Cart (checkout process), Checkout<\/strong><br \/>\n– Removed class <code>.next-step-back<\/code>, added classes <code>.btn<\/code> and <code>.toggle-window-arr<\/code><br \/>\n– The internal part of the link <code><span class=\"continue-shopping\">Zp\u011bt do obchodu<\/span><\/code> was replaced with <code>Zp\u011bt <span>do obchodu<\/span><\/code><\/p>\n<p><a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/?attachment_id=4086\"><img decoding=\"async\" src=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/01\/403117059-18c83cfe-8a9f-46ff-b6ef-69f050f173f4.png\" alt=\"\" \/><\/a><\/p>\n<h4>Step specific changes<\/h4>\n<p><strong>Search, Cart (window)<\/strong><br \/>\n– Element <code><a href=\"#\"><\/code> was replaced with <code><button type=\"button\"><\/code>.<br \/>\n– Added the <code>.btn<\/code> class.<br \/>\n– Classes <code>.toggle-window-arr<\/code> and <code>.btn<\/code> are for CSS styling only.<br \/>\n– Functionality is handled by the <code>.toggle-window<\/code> class.<br \/>\n<a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/?attachment_id=4090\"><img decoding=\"async\" src=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/01\/403137726-a16053d9-2156-44c5-8e9e-8b0e135023aa-2.png\" alt=\"\" \/><\/a><\/p>\n<p><strong>Login (window)<\/strong><br \/>\n– Element <code><a href=\"#\" class=\"toggle-window-arr\"><span class=\"continue-shopping\">Zp\u011bt do obchodu<\/span><\/a><\/code> was replaced with <code><button type=\"button\" class=\"btn toggle-window-arr toggle-window\">Zp\u011bt <span>do obchodu<\/span><\/button><\/code>. This change unified back buttons with buttons in the search window and cart window.<br \/>\n– Moved in the HTML structure as a direct child of the <code><div><\/code> with the class <code>.login-window-in<\/code>.<br \/>\n– Classes <code>.toggle-window-arr<\/code> and <code>.btn<\/code> are for CSS styling only.<br \/>\n– Functionality is handled by the <code>.toggle-window<\/code> class.<br \/>\n<a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/?attachment_id=4089\"><img decoding=\"async\" src=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/01\/403137849-757090ad-40b0-43b2-9f54-c31d7dfac55d.png\" alt=\"\" \/><\/a><\/p>\n<p><strong>Cart (checkout process), Checkout<\/strong><br \/>\n– Removed class <code>.next-step-back<\/code>, added classes <code>.btn<\/code> and <code>.toggle-window-arr<\/code><br \/>\n– The internal part of the link <code><span class=\"continue-shopping\">Zp\u011bt do obchodu<\/span><\/code> was replaced with <code>Zp\u011bt <span>do obchodu<\/span><\/code><br \/>\n<a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/?attachment_id=4092\"><img decoding=\"async\" src=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2025\/01\/403148629-0e8c7009-549e-40bd-a5db-cb4f80e7c214.png\" alt=\"\" \/><\/a><\/p>\n<h4>Other changes<\/h4>\n<ul>\n<li>In the Classic and Samba template, the hidden unused “Back to shop” link has been removed along with the wrapper <code>div.back-shopping-link<\/code>.<\/li>\n<li>The entire component was placed as the last element in <code>div#checkoutContent<\/code> (first and second step of the checkout process) and for Classic only, also in the cart in <code>div#cart-wrapper<\/code>.<\/li>\n<li>The <code>.toggle-window-arr<\/code> class will no longer be used for handling windows. Therefore, it was replaced with <code>.toggle-window<\/code> for the close button in the search widget for Samba template.<\/li>\n<\/ul>\n<hr \/>\n<h2>Improvements<\/h2>\n<h3>Configurable speed for 360\u00b0 image rotation<\/h3>\n<p>Everyone can adjust the speed of 360\u00b0 image rotation now. Before this, the speed was hardcoded to 100 ms. In custom codes in <code>Z\u00e1pat\u00ed<\/code> you can try include this code <code><script>shoptet.config.image360RotationSpeed=200<\/script><\/code> and adjust the speed to your needs.<\/p>\n<h2>Bugfixes<\/h2>\n<h4>Pickup point in the checkout<\/h4>\n<p>We fixed the branch selection in the checkout process which wasn’t clickable in some cases.<\/p>\n<h4>Color shceme inconsistency<\/h4>\n<p>We fixed the color scheme inconsistency in the second step of the checkout. The <code>Zdarma<\/code> text is now corresponds to the color settings.<\/p>\n<hr \/>\n<h2>What we plan in upcoming days:<\/h2>\n<ul>\n<li>fix keyboard accessibility of phone number in \u201cNeed Help?\u201d section<\/li>\n<li>fix keyboard accessibility of quantity buttons<\/li>\n<li>modals improvements<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Template designer The Template Designer is a new interface for editing existing templates. As the beta version launch for all users approaches, we would like […]<\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4075","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4075","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4075"}],"version-history":[{"count":21,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4075\/revisions"}],"predecessor-version":[{"id":4523,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4075\/revisions\/4523"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4075"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4075"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4043,"date":"2025-01-07T20:33:08","date_gmt":"2025-01-07T19:33:08","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4043"},"modified":"2025-01-07T20:33:52","modified_gmt":"2025-01-07T19:33:52","slug":"frontend-news-from-january-7-2025","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-january-7-2025\/","title":{"rendered":"Frontend news from January 7, 2025"},"content":{"rendered":"<h2>Web Accessibility Directive Implementation<\/h2>\n<p>The <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/digital-strategy.ec.europa.eu\/en\/policies\/web-accessibility-directive-standards-and-harmonisation\">European Web Accessibility Directive<\/a>, aimed at ensuring digital accessibility for all, will officially take effect in the Czech Republic on <strong>June 28, 2025<\/strong>. As part of this initiative, we are committed to implementing the required changes to ensure our platform meet these new accessibility standards <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/www.w3.org\/TR\/WCAG22\/\">WCAG 2.2<\/a>.<br \/>\nAs part of the implementation of this regulation, we will need to make necessary changes to our templates. The adjustments will also apply to addons and custom modifications. We will keep you well-informed about further steps.<\/p>\n<h2>Breaking Changes<\/h2>\n<h3>Wrap product appendix (via <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\" title=\"Deferred Template Updates\">Deferred Template Updates<\/a>)<\/h3>\n<p>We remind the united product appendix mentioned in the previous <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-november-27-2024\" title=\"FE news\">FE news<\/a>.<\/p>\n<h3>Unveil function parameters<\/h3>\n<p>As we informed you in the previous <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-december-10-2024\/\">FE news<\/a> in upcoming days we’re about to release replacement of the jQuery unveil function due to performance concerns. This change should improve performance metrics. Backward compatibility will be maintained, except for function parameters that are ommited. See <code>threshold<\/code> and <code>callback<\/code> <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/github.com\/luis-almeida\/unveil\/blob\/ea75702bb75e5a12a47c2607ff3f5ce2a8f83ae4\/jquery.unveil.js#L13\">here<\/a>.<\/p>\n<hr \/>\n<h2>Improvements<\/h2>\n<p>We have updated the text and slogan in several templates (Step, Samba, Disco) for cases where no graphic logo is uploaded. Multi-line slogans and texts now use ellipses to preserve the visual design.<\/p>\n<hr \/>\n<h2>What we plan in upcoming days:<\/h2>\n<ul>\n<li>configurable speed for 360\u00b0 image rotation<\/li>\n<li>fix pickup point change in some cases<\/li>\n<li>add back-to-eshop button to advanced order<\/li>\n<li>fix keyboard accessibility of phone number in \u201cNeed Help?\u201d section<\/li>\n<li>fix keyboard accessibility of quantity buttons<\/li>\n<li>fix inconsistency in color scheme in the second step of the checkout<\/li>\n<li>modals improvements<\/li>\n<li>fix itemReviewed microdata in Classic<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Web Accessibility Directive Implementation The European Web Accessibility Directive, aimed at ensuring digital accessibility for all, will officially take effect in the Czech Republic on […]<\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4043","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4043"}],"version-history":[{"count":6,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4043\/revisions"}],"predecessor-version":[{"id":4124,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4043\/revisions\/4124"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}},{"id":4037,"date":"2024-12-10T21:33:06","date_gmt":"2024-12-10T20:33:06","guid":{"rendered":"https:\/\/developers.shoptet.com\/?p=4037"},"modified":"2024-12-10T21:33:38","modified_gmt":"2024-12-10T20:33:38","slug":"frontend-news-from-december-10-2024","status":"publish","type":"post","link":"https:\/\/developers.shoptet.com\/frontend-news-from-december-10-2024\/","title":{"rendered":"Frontend news from December 10, 2024"},"content":{"rendered":"<h2>Breaking Changes<\/h2>\n<h3>Wrap product appendix (via <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/home\/shoptet-tools\/deferred-template-updates\/\" title=\"Deferred Template Updates\">Deferred Template Updates<\/a>)<\/h3>\n<p>We remind the united product appendix mentioned in the previous <a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-november-27-2024\" title=\"FE news\">FE news<\/a>.<\/p>\n<h3>Unveil function parameters<\/h3>\n<p>Due to performance concerns, we are replacing the jQuery unveil function with a custom implementation. Backward compatibility will be maintained, except for function parameters that are ommited. Further details will be shared ahead of the scheduled release in January 2025.<\/p>\n<hr \/>\n<h2>Improvements<\/h2>\n<h3>Fixed link in no-script<\/h3>\n<p>We updated <code>http<\/code> links to <code>https<\/code> within the <code>noscript<\/code> tag in templates for cases where JavaScript is disabled.<\/p>\n<hr \/>\n<h2>Bugfixes<\/h2>\n<p>We have updated the messaging in product ratings during the approval process. It now clearly indicates that the rating is pending administrator approval.<\/p>\n<h2>What we plan in upcoming days:<\/h2>\n<ul>\n<li>logo and text UI improvement on some templates<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Breaking Changes Wrap product appendix (via Deferred Template Updates) We remind the united product appendix mentioned in the previous FE news. Unveil function parameters Due […]<\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-4037","post","type-post","status-publish","format-standard","hentry","category-frontend-unsorted"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend News from April 13, 2026 - Shoptet Developers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend News from April 13, 2026 - Shoptet Developers\" \/>\n<meta property=\"og:description\" content=\"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\" \/>\n<meta property=\"og:site_name\" content=\"Shoptet Developers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shoptet\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-13T13:45:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T15:02:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\" \/>\n<meta name=\"author\" content=\"Petra Myslivcov\u00e1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:site\" content=\"@Shoptet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Petra Myslivcov\u00e1\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"author\":{\"name\":\"Petra Myslivcov\u00e1\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\"},\"headline\":\"Frontend News from April 13, 2026\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"articleSection\":[\"Shoptet Frontend news\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"url\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\",\"name\":\"Frontend News from April 13, 2026 - Shoptet Developers\",\"isPartOf\":{\"@id\":\"https:\/\/developers.shoptet.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"datePublished\":\"2026-04-13T13:45:52+00:00\",\"dateModified\":\"2026-04-16T15:02:29+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png\",\"width\":1896,\"height\":4297},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developers.shoptet.com\/#website\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"name\":\"Shoptet Developers\",\"description\":\"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet\",\"publisher\":{\"@id\":\"https:\/\/developers.shoptet.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developers.shoptet.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/developers.shoptet.com\/#organization\",\"name\":\"Shoptet s.r.o.\",\"url\":\"https:\/\/developers.shoptet.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"contentUrl\":\"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png\",\"width\":486,\"height\":174,\"caption\":\"Shoptet s.r.o.\"},\"image\":{\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/shoptet\",\"https:\/\/x.com\/Shoptet\",\"https:\/\/www.instagram.com\/shoptet.cz\/\",\"https:\/\/cz.linkedin.com\/company\/shoptet\",\"https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc\",\"name\":\"Petra Myslivcov\u00e1\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g\",\"caption\":\"Petra Myslivcov\u00e1\"},\"url\":\"https:\/\/developers.shoptet.com\/author\/myslivcova\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend News from April 13, 2026 - Shoptet Developers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_locale":"en_US","og_type":"article","og_title":"Frontend News from April 13, 2026 - Shoptet Developers","og_description":"Breaking changes \u267f\ufe0f Rating and Discussion Improvements (via Deferred Template Updates) We updated the stars component, the simple rating flow, and the tabs used for […]","og_url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","og_site_name":"Shoptet Developers","article_publisher":"https:\/\/www.facebook.com\/shoptet","article_published_time":"2026-04-13T13:45:52+00:00","article_modified_time":"2026-04-16T15:02:29+00:00","og_image":[{"url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","type":"","width":"","height":""}],"author":"Petra Myslivcov\u00e1","twitter_card":"summary_large_image","twitter_creator":"@Shoptet","twitter_site":"@Shoptet","twitter_misc":{"Written by":"Petra Myslivcov\u00e1","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#article","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"author":{"name":"Petra Myslivcov\u00e1","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc"},"headline":"Frontend News from April 13, 2026","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","mainEntityOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","articleSection":["Shoptet Frontend news"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","url":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/","name":"Frontend News from April 13, 2026 - Shoptet Developers","isPartOf":{"@id":"https:\/\/developers.shoptet.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"image":{"@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage"},"thumbnailUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","datePublished":"2026-04-13T13:45:52+00:00","dateModified":"2026-04-16T15:02:29+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/frontend-news-from-april-13-2026\/#primaryimage","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2026\/04\/rating-stars.png","width":1896,"height":4297},{"@type":"WebSite","@id":"https:\/\/developers.shoptet.com\/#website","url":"https:\/\/developers.shoptet.com\/","name":"Shoptet Developers","description":"Offer your service to [projectCount] e-shops driven by\u00a0Shoptet","publisher":{"@id":"https:\/\/developers.shoptet.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developers.shoptet.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/developers.shoptet.com\/#organization","name":"Shoptet s.r.o.","url":"https:\/\/developers.shoptet.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/","url":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","contentUrl":"https:\/\/developers.shoptet.com\/wp-content\/uploads\/2019\/10\/Sni\u0301mek-obrazovky-2019-10-29-v-15.17.38.png","width":486,"height":174,"caption":"Shoptet s.r.o."},"image":{"@id":"https:\/\/developers.shoptet.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/shoptet","https:\/\/x.com\/Shoptet","https:\/\/www.instagram.com\/shoptet.cz\/","https:\/\/cz.linkedin.com\/company\/shoptet","https:\/\/www.youtube.com\/channel\/UCrmFOFsJ7Nd3viUS_Kf5jsg"]},{"@type":"Person","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/7dc0597f9c0a3776fb92b6e49023adfc","name":"Petra Myslivcov\u00e1","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developers.shoptet.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/727f4b8c7fe83359b49f21182add0e57?s=96&d=mm&r=g","caption":"Petra Myslivcov\u00e1"},"url":"https:\/\/developers.shoptet.com\/author\/myslivcova\/"}]}},"_links":{"self":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/comments?post=4037"}],"version-history":[{"count":1,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4037\/revisions"}],"predecessor-version":[{"id":4038,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/posts\/4037\/revisions\/4038"}],"wp:attachment":[{"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/media?parent=4037"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/categories?post=4037"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developers.shoptet.com\/wp-json\/wp\/v2\/tags?post=4037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}]