{"id":325,"date":"2020-03-16T07:05:54","date_gmt":"2020-03-16T07:05:54","guid":{"rendered":"http:\/\/powerpackelements.com\/woocommerce\/?page_id=325"},"modified":"2024-07-10T09:58:51","modified_gmt":"2024-07-10T09:58:51","slug":"off-canvas-cart-widget","status":"publish","type":"page","link":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/","title":{"rendered":"Off Canvas Cart Widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"325\" class=\"elementor elementor-325\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8864666 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8864666\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1416d90\" data-id=\"1416d90\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c12514b elementor-widget elementor-widget-heading\" data-id=\"c12514b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">WooCommerce Off-Canvas Cart<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51c4a30 elementor-widget elementor-widget-text-editor\" data-id=\"51c4a30\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Create impressive sliding panels to display cart contents on your e-commerce site with the WooCommerce Off-canvas cart widget. Loaded with advanced functionality, this widget allows you to create impressive sliding panels on your shop pages.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-ee51969 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee51969\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-0479889\" data-id=\"0479889\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e6384eb elementor-align-center elementor-widget elementor-widget-button\" data-id=\"e6384eb\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/powerpackelements.com\/docs\/woo-off-canvas-cart-widget-overview\/\" title=\"Elementor Woo Off Canvas Cart Widget Documentation\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Documentation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1593521 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1593521\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8484e9b\" data-id=\"8484e9b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c26c06a elementor-widget elementor-widget-pp-video\" data-id=\"c26c06a\" data-element_type=\"widget\" data-widget_type=\"pp-video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"pp-video pp-video-type-youtube\" data-settings=\"{&quot;post_id&quot;:325,&quot;widget_id&quot;:&quot;c26c06a&quot;}\">\n\t\t\t\t\t<div class=\"pp-video-container\">\n\t\t\t<div class=\"pp-video-play\" data-autoplay=\"0\">\n\t\t\t\t<div class=\"pp-media-overlay pp-video-overlay\"><\/div>\t\t\t\t<div class=\"pp-video-player\" data-src=\"https:\/\/www.youtube.com\/embed\/u1Wh5z6vpo4?feature=oembed&amp;autoplay=1&amp;wmode=opaque&amp;start=0&amp;end=0&amp;loop=0&amp;controls=1&amp;mute=0&amp;rel=0&amp;cc_load_policy=0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"pp-video-thumb\" src=\"https:\/\/powerpackelements.com\/wp-content\/uploads\/2020\/06\/video-cover-light-button.png\" alt=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a0f8aa6 elementor-section-height-default elementor-section-boxed elementor-section-height-default\" data-id=\"a0f8aa6\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-756535d\" data-id=\"756535d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-74e1ff4 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"74e1ff4\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"51.001\" viewBox=\"0 0 50 51.001\"><g id=\"woo-offcanvas-cart-icon1\" transform=\"translate(-410 -1384)\"><g id=\"Group_333\" data-name=\"Group 333\" transform=\"translate(219.2 385.004)\"><path id=\"Path_147\" data-name=\"Path 147\" d=\"M30.555,44.826C20.226,41.242.9,48.052.9,38.374S19.393,14,30.555,14s20.159,7.886,20.159,17.385S45.216,49.844,30.555,44.826Z\" transform=\"translate(190.086 1003.73)\" fill=\"#4949d7\" fill-rule=\"evenodd\" opacity=\"0.1\"><\/path><g id=\"Group_275\" data-name=\"Group 275\" transform=\"translate(190.8 1013.997)\" opacity=\"0.15\"><path id=\"Path_148\" data-name=\"Path 148\" d=\"M20.784,13.622c10.325,3.959,29.643-3.6,29.643,7.2s-18.485,27.17-29.643,27.17S.8,39.352.8,28.556,6.129,8.044,20.784,13.622Z\" transform=\"translate(-0.8 -11.997)\" fill=\"#4949d7\" fill-rule=\"evenodd\"><\/path><\/g><\/g><g id=\"streamline-icon-navigation-menu-horizontal-2_140x140\" data-name=\"streamline-icon-navigation-menu-horizontal-2@140x140\" transform=\"translate(411.625 1374.316)\"><path id=\"Path_333\" data-name=\"Path 333\" d=\"M4.375,4.392h37.25V29.058H4.375Z\" transform=\"translate(0 6.292)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><\/path><path id=\"Path_334\" data-name=\"Path 334\" d=\"M28.733,61.25a2.483,2.483,0,1,0,2.483,2.483,2.483,2.483,0,0,0-2.483-2.483Z\" transform=\"translate(-15.667 -40.721)\" fill=\"none\" stroke=\"#4949d7\" stroke-miterlimit=\"10\" stroke-width=\"2\"><\/path><path id=\"Path_335\" data-name=\"Path 335\" d=\"M98.733,61.25a2.483,2.483,0,1,0,2.483,2.483,2.483,2.483,0,0,0-2.483-2.483Z\" transform=\"translate(-65.8 -40.721)\" fill=\"none\" stroke=\"#4949d7\" stroke-miterlimit=\"10\" stroke-width=\"2\"><\/path><path id=\"Path_336\" data-name=\"Path 336\" d=\"M63.733,61.25a2.483,2.483,0,1,0,2.483,2.483,2.483,2.483,0,0,0-2.483-2.483Z\" transform=\"translate(-40.733 -40.721)\" fill=\"none\" stroke=\"#4949d7\" stroke-miterlimit=\"10\" stroke-width=\"2\"><\/path><\/g><\/g><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tAdvanced Trigger Options\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tTrigger\/Open Off-Canvas with any element on the page.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-e15b71c\" data-id=\"e15b71c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a4d1426 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"a4d1426\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"51.201\" viewBox=\"0 0 50 51.201\"><g id=\"woo-offcanvas-cart-icon2\" transform=\"translate(-703 -1383.8)\"><g id=\"Group_1015\" data-name=\"Group 1015\" transform=\"translate(142.267 155.5)\"><path id=\"Path_477\" data-name=\"Path 477\" d=\"M565.733,1237.19l9.008,9.008-9.008,9.008\" transform=\"translate(0 3.307)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\"><\/path><path id=\"Path_478\" data-name=\"Path 478\" d=\"M574.741,1237.19l-9.008,9.008,9.008,9.008\" transform=\"translate(31 3.307)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\"><\/path><line id=\"Line_3\" data-name=\"Line 3\" y2=\"16\" transform=\"translate(585.5 1229.5)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-width=\"2.4\"><\/line><line id=\"Line_4\" data-name=\"Line 4\" y2=\"16\" transform=\"translate(585.5 1253.5)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-width=\"2.4\"><\/line><\/g><g id=\"Group_333\" data-name=\"Group 333\" transform=\"translate(512.2 385.004)\"><path id=\"Path_147\" data-name=\"Path 147\" d=\"M30.555,44.826C20.226,41.242.9,48.052.9,38.374S19.393,14,30.555,14s20.159,7.886,20.159,17.385S45.216,49.844,30.555,44.826Z\" transform=\"translate(190.086 1003.73)\" fill=\"#4949d7\" fill-rule=\"evenodd\" opacity=\"0.1\"><\/path><g id=\"Group_275\" data-name=\"Group 275\" transform=\"translate(190.8 1013.997)\" opacity=\"0.15\"><path id=\"Path_148\" data-name=\"Path 148\" d=\"M20.784,13.622c10.325,3.959,29.643-3.6,29.643,7.2s-18.485,27.17-29.643,27.17S.8,39.352.8,28.556,6.129,8.044,20.784,13.622Z\" transform=\"translate(-0.8 -11.997)\" fill=\"#4949d7\" fill-rule=\"evenodd\"><\/path><\/g><\/g><\/g><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tExciting Transition Animations\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tInclude exciting animations to jazz up your shop website page.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-f2c65fa\" data-id=\"f2c65fa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cc819a6 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"cc819a6\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\"><g id=\"woo-offcanvas-cart-icon3\" transform=\"translate(-1010 -1385)\"><g id=\"streamline-icon-design-tool-pencil-ruler_140x140\" data-name=\"streamline-icon-design-tool-pencil-ruler@140x140\" transform=\"translate(1018 1386)\"><path id=\"Path_458\" data-name=\"Path 458\" d=\"M18.325,47.176h0a5.2,5.2,0,0,1-5.2-5.2V19.8a5.176,5.176,0,0,1,.549-2.324L17.162,10.5a1.3,1.3,0,0,1,2.326,0l3.487,6.977a5.176,5.176,0,0,1,.549,2.324V41.976A5.2,5.2,0,0,1,18.325,47.176Z\" transform=\"translate(-13.125 -8.176)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><\/path><path id=\"Path_459\" data-name=\"Path 459\" d=\"M13.621,39.375H23.726\" transform=\"translate(-13.473 -28.975)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><\/path><path id=\"Path_460\" data-name=\"Path 460\" d=\"M13.125,113.75h10.4\" transform=\"translate(-13.125 -81.25)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><\/path><path id=\"Path_461\" data-name=\"Path 461\" d=\"M74.375,4.375h15.6v39h-15.6Z\" transform=\"translate(-56.175 -4.375)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><\/path><path id=\"Path_462\" data-name=\"Path 462\" d=\"M74.375,30.625h5.2\" transform=\"translate(-56.175 -22.825)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><\/path><path id=\"Path_463\" data-name=\"Path 463\" d=\"M74.375,56.875h5.2\" transform=\"translate(-56.175 -41.275)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><\/path><path id=\"Path_464\" data-name=\"Path 464\" d=\"M74.375,83.125h5.2\" transform=\"translate(-56.175 -59.725)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><\/path><path id=\"Path_465\" data-name=\"Path 465\" d=\"M74.375,109.375h5.2\" transform=\"translate(-56.175 -78.175)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><\/path><\/g><g id=\"Group_333\" data-name=\"Group 333\" transform=\"translate(819.2 385.003)\"><path id=\"Path_147\" data-name=\"Path 147\" d=\"M30.555,44.826C20.226,41.242.9,48.052.9,38.374S19.393,14,30.555,14s20.159,7.886,20.159,17.385S45.216,49.844,30.555,44.826Z\" transform=\"translate(190.086 1003.73)\" fill=\"#4949d7\" fill-rule=\"evenodd\" opacity=\"0.1\"><\/path><g id=\"Group_275\" data-name=\"Group 275\" transform=\"translate(190.8 1013.997)\" opacity=\"0.15\"><path id=\"Path_148\" data-name=\"Path 148\" d=\"M20.784,13.622c10.325,3.959,29.643-3.6,29.643,7.2s-18.485,27.17-29.643,27.17S.8,39.352.8,28.556,6.129,8.044,20.784,13.622Z\" transform=\"translate(-0.8 -11.997)\" fill=\"#4949d7\" fill-rule=\"evenodd\"><\/path><\/g><\/g><\/g><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tTypography &amp; Styling Options\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tTypography &amp; color options allow you to alter fonts, background color, etc.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-f00dd99\" data-id=\"f00dd99\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3d9b040 elementor-view-default elementor-position-top elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"3d9b040\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"51\" viewBox=\"0 0 50 51\"><g id=\"woo-offcanvas-cart-icon4\" transform=\"translate(-520 -4504)\"><g id=\"Group_333\" data-name=\"Group 333\" transform=\"translate(329.2 3505.003)\"><path id=\"Path_147\" data-name=\"Path 147\" d=\"M30.555,44.826C20.226,41.242.9,48.052.9,38.374S19.393,14,30.555,14s20.159,7.886,20.159,17.385S45.216,49.844,30.555,44.826Z\" transform=\"translate(190.086 1003.73)\" fill=\"#4949d7\" fill-rule=\"evenodd\" opacity=\"0.1\"><\/path><g id=\"Group_275\" data-name=\"Group 275\" transform=\"translate(190.8 1013.997)\" opacity=\"0.15\"><path id=\"Path_148\" data-name=\"Path 148\" d=\"M20.784,13.622c10.325,3.959,29.643-3.6,29.643,7.2s-18.485,27.17-29.643,27.17S.8,39.352.8,28.556,6.129,8.044,20.784,13.622Z\" transform=\"translate(-0.8 -11.997)\" fill=\"#4949d7\" fill-rule=\"evenodd\"><\/path><\/g><\/g><g id=\"streamline-icon-mobile-phone-2_40x40_1_\" data-name=\"streamline-icon-mobile-phone-2@40x40 (1)\" transform=\"translate(525.833 4504.167)\"><path id=\"Path_313\" data-name=\"Path 313\" d=\"M29.167,32.5h-20\" transform=\"translate(0 -1.101)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><\/path><path id=\"Path_314\" data-name=\"Path 314\" d=\"M19.986,35.417a.4.4,0,0,1,.4.4h0a.4.4,0,0,1-.4.4h0a.4.4,0,0,1-.4-.4h0a.4.4,0,0,1,.4-.4\" transform=\"translate(-0.819 -1.203)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><\/path><path id=\"Path_315\" data-name=\"Path 315\" d=\"M20,35.417h0\" transform=\"translate(-0.833 -1.203)\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><\/path><path id=\"Path_316\" data-name=\"Path 316\" d=\"M9.167.833h20v37h-20Z\" fill=\"none\" stroke=\"#4949d7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><\/path><\/g><\/g><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tMobile Responsive Designs\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tCreate an Off-Canvas cart that looks perfect &amp; works flawlessly on any device.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7779ec1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7779ec1\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3f4fede\" data-id=\"3f4fede\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4ec3d20 elementor-widget elementor-widget-heading\" data-id=\"4ec3d20\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Display Cart Contents in Stylish Off-Canvas Panels<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e931a53 elementor-widget elementor-widget-pp-divider\" data-id=\"e931a53\" data-element_type=\"widget\" data-widget_type=\"pp-divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"pp-divider-wrap\">\n\t\t\t\t\t\t\t<div class=\"pp-divider pp-divider-horizontal horizontal\"><\/div>\n\t\t\t\t\t\t<\/div>    \n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87777a4 elementor-widget elementor-widget-text-editor\" data-id=\"87777a4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Display cart information in stylish sliding panes with the Elementor Off-Canvas Cart widget for WooCommerce. PowerPack widget allows you to add an Off-Canvas Cart on your website\u2019s header easily! Displaying cart items in sliding panels not only improves the checkout process but also enhances your users\u2019 shopping experience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f34f673\" data-id=\"f34f673\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f5ca715 elementor-widget elementor-widget-image\" data-id=\"f5ca715\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"550\" height=\"393\" src=\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/08\/Group-1027.png\" class=\"attachment-large size-large wp-image-668\" alt=\"\" srcset=\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/08\/Group-1027.png 550w, https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/08\/Group-1027-300x214.png 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2fe775 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"b2fe775\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Click below for demo:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-28068dd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"28068dd\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6c94f23\" data-id=\"6c94f23\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8c54dd9 elementor-widget elementor-widget-image\" data-id=\"8c54dd9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"550\" height=\"393\" src=\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/08\/woo-offcanvas-cart-img2@2x.png\" class=\"attachment-large size-large wp-image-699\" alt=\"\" srcset=\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/08\/woo-offcanvas-cart-img2@2x.png 550w, https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/08\/woo-offcanvas-cart-img2@2x-300x214.png 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d688eeb\" data-id=\"d688eeb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a694b6b elementor-widget elementor-widget-heading\" data-id=\"a694b6b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Trigger Off-Canvas from any Element<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec60853 elementor-widget elementor-widget-pp-divider\" data-id=\"ec60853\" data-element_type=\"widget\" data-widget_type=\"pp-divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"pp-divider-wrap\">\n\t\t\t\t\t\t\t<div class=\"pp-divider pp-divider-horizontal horizontal\"><\/div>\n\t\t\t\t\t\t<\/div>    \n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d19fba elementor-widget elementor-widget-text-editor\" data-id=\"9d19fba\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>PowerPack Off-Canvas Cart Widget is built with complete flexibility and a developer\u2019s approach in mind. You can display a button to open\/trigger the off-canvas panel or use any other element on the page to trigger it by adding a custom class and ID.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5dc5f2 elementor-widget elementor-widget-heading\" data-id=\"e5dc5f2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Available Trigger Options: <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58798bf pp-icon-list-traditional elementor-list-item-link-inline pp-icon-left elementor-widget elementor-widget-pp-icon-list\" data-id=\"58798bf\" data-element_type=\"widget\" data-widget_type=\"pp-icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"pp-list-container\">\n\t\t\t<ul class=\"pp-list-items\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-icon-list-item elementor-repeater-item-b033841\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-icon-wrapper\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-icon-list-icon pp-icon \">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-icon-list-text\">\n\t\t\t\t\t\t\t\tButton\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-icon-list-item elementor-repeater-item-30611ca\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-icon-wrapper\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-icon-list-icon pp-icon \">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-icon-list-text\">\n\t\t\t\t\t\t\t\tCustom Class\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-icon-list-item elementor-repeater-item-b29635b\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-icon-wrapper\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-icon-list-icon pp-icon \">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-icon-list-text\">\n\t\t\t\t\t\t\t\tCustom ID\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ba2fbb6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ba2fbb6\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d134989\" data-id=\"d134989\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-181d8bd elementor-widget elementor-widget-heading\" data-id=\"181d8bd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Show Flyouts From Any Side of the Page<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c209f61 elementor-widget elementor-widget-pp-divider\" data-id=\"c209f61\" data-element_type=\"widget\" data-widget_type=\"pp-divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"pp-divider-wrap\">\n\t\t\t\t\t\t\t<div class=\"pp-divider pp-divider-horizontal horizontal\"><\/div>\n\t\t\t\t\t\t<\/div>    \n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10b2ab9 elementor-widget elementor-widget-text-editor\" data-id=\"10b2ab9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Don\u2019t compromise with your page design. With the Off-Canvas Cart widget, you can designate the side of flyout panels on your shop page. Place it Left, Right, Top, or Bottom\u2014the choice is yours.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2794102\" data-id=\"2794102\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-143ed0b elementor-widget elementor-widget-image\" data-id=\"143ed0b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"550\" height=\"488\" src=\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/08\/woo-offcanvas-cart-img3@2x.png\" class=\"attachment-large size-large wp-image-700\" alt=\"\" srcset=\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/08\/woo-offcanvas-cart-img3@2x.png 550w, https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/08\/woo-offcanvas-cart-img3@2x-300x266.png 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4181851 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4181851\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-bd37ced\" data-id=\"bd37ced\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f38977b elementor-widget elementor-widget-image\" data-id=\"f38977b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"398\" src=\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/08\/woo-offcanvas-cart-img4@2x.png\" class=\"attachment-large size-large wp-image-701\" alt=\"\" srcset=\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/08\/woo-offcanvas-cart-img4@2x.png 550w, https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/08\/woo-offcanvas-cart-img4@2x-300x217.png 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-479ae91\" data-id=\"479ae91\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cb54779 elementor-widget elementor-widget-heading\" data-id=\"cb54779\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Flexible Yet Powerful Customization Options<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2f8889 elementor-widget elementor-widget-pp-divider\" data-id=\"c2f8889\" data-element_type=\"widget\" data-widget_type=\"pp-divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"pp-divider-wrap\">\n\t\t\t\t\t\t\t<div class=\"pp-divider pp-divider-horizontal horizontal\"><\/div>\n\t\t\t\t\t\t<\/div>    \n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1150da3 elementor-widget elementor-widget-text-editor\" data-id=\"1150da3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Just like all other PowerPack WooCommerce Widgets, the Off-Canvas cart is also included with advanced options that help you to create fully functional e-Commerce websites with Elementor and WooCommerce. With this cart widget, you get customization options to style every single element of the off-canvas panel. You can easily style the Cart &amp; Close button. Alter the size &amp; height of the off-canvas panel. Change typography, color, and more.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WooCommerce Off-Canvas Cart Create impressive sliding panels to display cart contents on your e-commerce site with the WooCommerce Off-canvas cart widget. Loaded with advanced functionality, this widget allows you to create impressive sliding panels on your shop pages. Documentation Advanced Trigger Options Trigger\/Open Off-Canvas with any element on the page. Exciting Transition Animations Include exciting &#8230; <a title=\"Off Canvas Cart Widget\" class=\"read-more\" href=\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/\" aria-label=\"Read more about Off Canvas Cart Widget\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":1212,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-325","page","type-page","status-publish","has-post-thumbnail"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Off Canvas Cart Widget - WooCommerce Elementor Widgets<\/title>\n<meta name=\"description\" content=\"Display cart contents on your e-commerce website in a stylijg sliding panels with the WooCommerce Off-canvas cart widget.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Off Canvas Cart Widget - WooCommerce Elementor Widgets\" \/>\n<meta property=\"og:description\" content=\"Display cart contents on your e-commerce website in a stylijg sliding panels with the WooCommerce Off-canvas cart widget.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"WooCommerce Elementor Widgets\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-10T09:58:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2024\/04\/powerpack-WooCommerce-Off-canvas-cart-widget.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/\",\"url\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/\",\"name\":\"Off Canvas Cart Widget - WooCommerce Elementor Widgets\",\"isPartOf\":{\"@id\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2024\/04\/powerpack-WooCommerce-Off-canvas-cart-widget.png\",\"datePublished\":\"2020-03-16T07:05:54+00:00\",\"dateModified\":\"2024-07-10T09:58:51+00:00\",\"description\":\"Display cart contents on your e-commerce website in a stylijg sliding panels with the WooCommerce Off-canvas cart widget.\",\"breadcrumb\":{\"@id\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/#primaryimage\",\"url\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2024\/04\/powerpack-WooCommerce-Off-canvas-cart-widget.png\",\"contentUrl\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2024\/04\/powerpack-WooCommerce-Off-canvas-cart-widget.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Off Canvas Cart Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/#website\",\"url\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/\",\"name\":\"WooCommerce Elementor Widgets\",\"description\":\"WooCommerce Widgets for Elementor \",\"publisher\":{\"@id\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/#organization\",\"name\":\"WooCommerce Elementor Widgets\",\"url\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/04\/powerpack-logo-new.svg\",\"contentUrl\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/04\/powerpack-logo-new.svg\",\"caption\":\"WooCommerce Elementor Widgets\"},\"image\":{\"@id\":\"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Off Canvas Cart Widget - WooCommerce Elementor Widgets","description":"Display cart contents on your e-commerce website in a stylijg sliding panels with the WooCommerce Off-canvas cart widget.","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:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/","og_locale":"en_US","og_type":"article","og_title":"Off Canvas Cart Widget - WooCommerce Elementor Widgets","og_description":"Display cart contents on your e-commerce website in a stylijg sliding panels with the WooCommerce Off-canvas cart widget.","og_url":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/","og_site_name":"WooCommerce Elementor Widgets","article_modified_time":"2024-07-10T09:58:51+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2024\/04\/powerpack-WooCommerce-Off-canvas-cart-widget.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/","url":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/","name":"Off Canvas Cart Widget - WooCommerce Elementor Widgets","isPartOf":{"@id":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/#website"},"primaryImageOfPage":{"@id":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/#primaryimage"},"image":{"@id":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2024\/04\/powerpack-WooCommerce-Off-canvas-cart-widget.png","datePublished":"2020-03-16T07:05:54+00:00","dateModified":"2024-07-10T09:58:51+00:00","description":"Display cart contents on your e-commerce website in a stylijg sliding panels with the WooCommerce Off-canvas cart widget.","breadcrumb":{"@id":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/#primaryimage","url":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2024\/04\/powerpack-WooCommerce-Off-canvas-cart-widget.png","contentUrl":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2024\/04\/powerpack-WooCommerce-Off-canvas-cart-widget.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/off-canvas-cart-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/"},{"@type":"ListItem","position":2,"name":"Off Canvas Cart Widget"}]},{"@type":"WebSite","@id":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/#website","url":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/","name":"WooCommerce Elementor Widgets","description":"WooCommerce Widgets for Elementor ","publisher":{"@id":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/#organization","name":"WooCommerce Elementor Widgets","url":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/#\/schema\/logo\/image\/","url":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/04\/powerpack-logo-new.svg","contentUrl":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-content\/uploads\/sites\/4\/2020\/04\/powerpack-logo-new.svg","caption":"WooCommerce Elementor Widgets"},"image":{"@id":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/#\/schema\/logo\/image\/"}}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-json\/wp\/v2\/pages\/325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-json\/wp\/v2\/comments?post=325"}],"version-history":[{"count":15,"href":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-json\/wp\/v2\/pages\/325\/revisions"}],"predecessor-version":[{"id":1220,"href":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-json\/wp\/v2\/pages\/325\/revisions\/1220"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-json\/wp\/v2\/media\/1212"}],"wp:attachment":[{"href":"https:\/\/powerpackelements.com\/woocommerce-elementor-widgets\/wp-json\/wp\/v2\/media?parent=325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}