Checkout carrier option extra content display fix

Oksydan · Aug 31, 2023 · 5fe90bb · 5fe90bb
1 parent e07865f
commit 5fe90bb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/_dev/js/checkout/index.js b/_dev/js/checkout/index.js
@@ -62,7 +62,7 @@ $(document).ready(() => {
     // Hide all carrier extra content ...
     $(prestashop.themeSelectors.checkout.carrierExtraContent).hide();
     // and show the one related to the selected carrier
-    params.deliveryOption.next(prestashop.themeSelectors.checkout.carrierExtraContent).slideDown();
+    params.deliveryOption.next(prestashop.themeSelectors.checkout.carrierExtraContent).show();
   });
   prestashop.on('changedCheckoutStep', (params) => {
     if (typeof params.event.currentTarget !== 'undefined') {

diff --git a/templates/checkout/_partials/steps/shipping.tpl b/templates/checkout/_partials/steps/shipping.tpl
@@ -39,9 +39,9 @@
       >
         <div class="form-fields">
           {block name='delivery_options'}
-            <div class="delivery-options js-delivery-option">
+            <div class="delivery-options">
                 {foreach from=$delivery_options item=carrier key=carrier_id}
-                  <div class="mb-3 checkout-option-block checkout-option {if $delivery_option == $carrier_id} selected{/if}">
+                  <div class="mb-3 checkout-option-block checkout-option js-delivery-option {if $delivery_option == $carrier_id} selected{/if}">
                     <input class="custom-control-input" type="radio" name="delivery_option[{$id_address}]" id="delivery_option_{$carrier.id}" value="{$carrier_id}"{if $delivery_option == $carrier_id} checked{/if}>
 
                     <label class="card mb-0 cursor-pointer h-100" for="delivery_option_{$carrier.id}">
@@ -76,8 +76,8 @@
                       </div>
                     </label>
 
-                    <div class="carrier-extra-content js-carrier-extra-content"{if $delivery_option != $carrier_id} style="display:none;"{/if}>{$carrier.extraContent nofilter}</div>
                   </div>
+                  <div class="carrier-extra-content js-carrier-extra-content my-3"{if $delivery_option != $carrier_id} style="display:none;"{/if}>{$carrier.extraContent nofilter}</div>
                 {/foreach}
               </div>
           {/block}