bs5 data attributes fixes

modules/ps_emailalerts/views/templates/hook/product.tpl

@@ -23,7 +23,7 @@
 * International Registered Trademark & Property of PrestaShop SA
 *}
 
-<a href="#" rel="nofollow" data-bs-toggle="modal" data-target="#email-alert-modal" class="btn btn-primary js-mailalert-modal-btn">
+<a href="#" rel="nofollow" data-bs-toggle="modal" data-bs-target="#email-alert-modal" class="btn btn-primary js-mailalert-modal-btn">
     {l s='Notify me when available' d='Modules.Emailalerts.Shop'}
 </a>
 

modules/ps_legalcompliance/views/templates/hook/hookDisplayFooter.tpl

@@ -25,7 +25,7 @@
 
 <div class="col-md-2 links wrapper">
   <h3 class="d-none d-md-block">{l s='Information' d='Modules.Legalcompliance.Shop'}</h3>
-  <div class="title clearfix d-md-none" data-target="#footer_eu_about_us_list" data-bs-toggle="collapse">
+  <div class="title clearfix d-md-none" data-bs-target="#footer_eu_about_us_list" data-bs-toggle="collapse">
     <span class="h3">{l s='Information' d='Modules.Legalcompliance.Shop'}</span>
     <span class="float-end">
       <span class="navbar-toggler collapse-icons">

modules/ps_mainmenu/ps_mainmenu.tpl

@@ -25,7 +25,7 @@
             {* Cannot use page identifier as we can have the same page several times *}
             {assign var=_expand_id value=10|mt_rand:100000}
             <span class="d-block d-md-none">
-                <span data-target="#top_sub_menu_{$_expand_id}" data-bs-toggle="collapse"
+                <span data-bs-target="#top_sub_menu_{$_expand_id}" data-bs-toggle="collapse"
                       class="d-block navbar-toggler icon-collapse">
                   <i class="material-icons">&#xE313;</i>
                 </span>

templates/_partials/header.tpl

@@ -55,7 +55,7 @@
                                     rel="nofollow"
                                     href="#"
                                     data-bs-toggle="modal"
-                                    data-target="#mobile_top_menu_wrapper"
+                                    data-bs-target="#mobile_top_menu_wrapper"
                             >
                                 <div class="header-top__icon-container">
                                     <span class="header-top__icon material-icons">menu</span>

templates/catalog/_partials/product-cover-thumbnails.tpl

@@ -124,7 +124,7 @@
             {/images_block}
           {/if}
 
-          <a class="product-main-images__modal-trigger-layer btn btn-light shadow rounded-circle d-none d-md-block" data-bs-toggle="modal" data-target="#product-modal">
+          <a class="product-main-images__modal-trigger-layer btn btn-light shadow rounded-circle d-none d-md-block" data-bs-toggle="modal" data-bs-target="#product-modal">
             <span class="material-icons font-reset line-height-reset">zoom_in</span>
           </a>
 

templates/catalog/_partials/products-top.tpl

@@ -37,10 +37,10 @@
 
   <div class="col-sm-auto col-12 mt-2 d-md-none ms-auto">
     {if !empty($listing.rendered_facets)}
-      <button data-target="#mobile_filters" data-bs-toggle="modal" class="btn btn-secondary d-sm-inline-block d-none">
+      <button data-bs-target="#mobile_filters" data-bs-toggle="modal" class="btn btn-secondary d-sm-inline-block d-none">
         {l s='Filter' d='Shop.Theme.Actions'}
       </button>
-      <button data-target="#mobile_filters" data-bs-toggle="modal" class="btn btn-secondary d-block text-center w-100 d-sm-none">
+      <button data-bs-target="#mobile_filters" data-bs-toggle="modal" class="btn btn-secondary d-block text-center w-100 d-sm-none">
         {l s='Filter' d='Shop.Theme.Actions'}
       </button>
     {/if}

templates/checkout/_partials/cart-detailed-product-line.tpl

@@ -72,7 +72,7 @@
           <div class="mt-3">
             {foreach from=$product.customizations item="customization"}
               <a href="#" data-bs-toggle="modal"
-                data-target="#product-customizations-modal-{$customization.id_customization}">{l s='Product customization' d='Shop.Theme.Catalog'}</a>
+                data-bs-target="#product-customizations-modal-{$customization.id_customization}">{l s='Product customization' d='Shop.Theme.Catalog'}</a>
               <div class="modal fade customization-modal js-customization-modal" id="product-customizations-modal-{$customization.id_customization}"
                 tabindex="-1" role="dialog" aria-hidden="true">
                 <div class="modal-dialog" role="document">

templates/checkout/_partials/steps/checkout-step.tpl

@@ -52,7 +52,7 @@
           <a
             href="#"
             class="ms-auto checkout-step__edit-btn step-edit js-step-edit text-muted btn btn-sm btn-link py-0 stretched-link"
-            data-target="#content-{$identifier}">
+            data-bs-target="#content-{$identifier}">
             <span class="d-inline-flex align-items-center">
               <span class="material-icons font-sm me-1 btn-icon">mode_edit</span>
               {l s='Edit' d='Shop.Theme.Actions'}

templates/customer/_partials/order-detail-return.tpl

@@ -79,10 +79,10 @@
     </p>
 
     <div class="text-center">
-      <button class="btn btn-primary d-none d-md-inline-block" data-bs-toggle="modal" data-target="#order-return-modal">
+      <button class="btn btn-primary d-none d-md-inline-block" data-bs-toggle="modal" data-bs-target="#order-return-modal">
         {l s='Request a return' d='Shop.Theme.Customeraccount'}
       </button>
-      <button class="btn btn-primary text-center w-100 d-block d-md-none" data-bs-toggle="modal" data-target="#order-return-modal">
+      <button class="btn btn-primary text-center w-100 d-block d-md-none" data-bs-toggle="modal" data-bs-target="#order-return-modal">
         {l s='Request a return' d='Shop.Theme.Customeraccount'}
       </button>
     </div>

templates/customer/_partials/order-details-return-table.tpl

@@ -107,7 +107,7 @@
         {if $product.customizations}
           {foreach from=$product.customizations item="customization"}
             <div class="customization">
-              <a href="#" data-bs-toggle="modal" data-target="#product-customizations-modal-{$customization.id_customization}">{l s='Product customization' d='Shop.Theme.Catalog'}</a>
+              <a href="#" data-bs-toggle="modal" data-bs-target="#product-customizations-modal-{$customization.id_customization}">{l s='Product customization' d='Shop.Theme.Catalog'}</a>
             </div>
             <div id="_desktop_product_customization_modal_wrapper_{$customization.id_customization}">
               <div class="modal fade customization-modal" id="product-customizations-modal-{$customization.id_customization}" tabindex="-1" role="dialog" aria-hidden="true">

templates/customer/order-return.tpl

@@ -57,7 +57,7 @@
               {if $product.customizations}
                 {foreach from=$product.customizations item="customization"}
                   <div class="customization">
-                    <a href="#" data-bs-toggle="modal" data-target="#product-customizations-modal-{$customization.id_customization}">{l s='Product customization' d='Shop.Theme.Catalog'}</a>
+                    <a href="#" data-bs-toggle="modal" data-bs-target="#product-customizations-modal-{$customization.id_customization}">{l s='Product customization' d='Shop.Theme.Catalog'}</a>
                   </div>
                   <div class="modal fade customization-modal" id="product-customizations-modal-{$customization.id_customization}" tabindex="-1" role="dialog" aria-hidden="true">
                     <div class="modal-dialog" role="document">