Offcanvas adjustments for dynamic import, missing styling import

Author: Oksydan

_dev/css/dynamic/offcanvas/_index.scss

@@ -1 +1,3 @@
+@import "../../abstracts/index";
+@import "~bootstrap/scss/offcanvas";
 @import "override";

_dev/css/dynamic/offcanvas/_override.scss

@@ -1 +1,6 @@
 // Styles override for the offcanvas component
+
+
+.offcanvas-footer {
+  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
+}

_dev/css/theme/components/cart/_blockcart.scss

@@ -3,7 +3,12 @@
   display: none;
 }
 
-// FIX TO MODAL, hidden by default
+// FIX TO OFFCANVAS, hidden by default
+.offcanvas {
+  display: none;
+}
+
+// FIX TO DROPDOWN, hidden by default
 .dropdown-menu {
   display: none;
 }

_dev/css/theme/utility/_dynamic-import-fix.scss

@@ -22,7 +22,6 @@
 @import "~bootstrap/scss/spinners";
 @import "~bootstrap/scss/placeholders";
 @import "~bootstrap/scss/utilities";
-@import "~bootstrap/scss/offcanvas";
 
 
 // Helpers
@@ -37,6 +36,7 @@
 // @import "~bootstrap/scss/popover";
 // @import "~bootstrap/scss/toasts";
 // @import "~bootstrap/scss/tooltip";
+//@import "~bootstrap/scss/offcanvas";
 
 //NOT USED
 // @import "~bootstrap/scss/carousel";

_dev/css/theme/vendors/_bootstrap.scss

@@ -5,24 +5,31 @@
     tabindex="-1"
     {block name='offcanvas_extra_attribues'}{/block}
   >
-    {block name='offcanvas_header'}
-      <div class="offcanvas-header {block name='offcanvas_header_extra_class'}{/block}" >
-        {block name='offcanvas_title' hide}
-          <h5 class="offcanvas-title">{$smarty.block.child}</h5>
-        {/block}
-        <button
-          type="button"
-          class="btn-close"
-          data-bs-dismiss="offcanvas"
-          aria-label="Close"
-        >
-        </button>
-      </div>
-    {/block}
-    {block name='offcanvas_body' hide}
-      <div class="offcanvas-body {block name='offcanvas_body_extra_class'}{/block}">
-        {$smarty.block.child}
-      </div>
+    {block name='offcanvas_content'}
+      {block name='offcanvas_header'}
+        <div class="offcanvas-header {block name='offcanvas_header_extra_class'}{/block}">
+          {block name='offcanvas_title' hide}
+            <h5 class="offcanvas-title">{$smarty.block.child}</h5>
+          {/block}
+          <button
+            type="button"
+            class="btn-close"
+            data-bs-dismiss="offcanvas"
+            aria-label="Close"
+          >
+          </button>
+        </div>
+      {/block}
+      {block name='offcanvas_body' hide}
+        <div class="offcanvas-body {block name='offcanvas_body_extra_class'}{/block}">
+          {$smarty.block.child}
+        </div>
+      {/block}
+      {block name='offcanvas_footer' hide}
+        <div class="offcanvas-footer {block name='offcanvas_footer_extra_class'}{/block}">
+          {$smarty.block.child}
+        </div>
+      {/block}
     {/block}
   </div>
 {/block}