{"id":4482,"date":"2021-12-04T12:07:07","date_gmt":"2021-12-04T12:07:07","guid":{"rendered":"https:\/\/webnus.net\/wooshop-builder-help\/?p=4482"},"modified":"2024-05-07T07:12:07","modified_gmt":"2024-05-07T07:12:07","slug":"woocommerce-mobile-panel","status":"publish","type":"post","link":"https:\/\/webnus.net\/shoppress\/helpdesk\/woocommerce-mobile-panel\/","title":{"rendered":"WooCommerce Mobile Panel"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_78 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/webnus.net\/shoppress\/helpdesk\/woocommerce-mobile-panel\/#Activating_WooCommerce_Mobile_Panel\" >Activating WooCommerce Mobile Panel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/webnus.net\/shoppress\/helpdesk\/woocommerce-mobile-panel\/#WooCommerce_Mobile_Panel_Settings\" >WooCommerce Mobile Panel Settings<\/a><\/li><\/ul><\/nav><\/div>\n\n<p>This tutorial documents how to use the WooCommerce Mobile Panel module. The <a href=\"https:\/\/climaxthemes.com\/shoppress\/\" target=\"_blank\" rel=\"noreferrer noopener\">ShopPress<\/a> Mobile Panel module allows you to display an attractive and easily accessible visual bar at the bottom of web pages on any device with a screen size of 768 pixels or less.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Activating_WooCommerce_Mobile_Panel\"><\/span>Activating WooCommerce Mobile Panel<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>To activate the Mobile Panel, please follow these steps. First, go to the WordPress dashboard and ShopPress > Modules. After that, find the Mobile Panel module from the list of modules and activate it.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d8f5ba039e2&quot;}\" data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1869\" height=\"1044\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-01.png\" alt=\"WooCommerce Mobile Panel\" class=\"wp-image-6763\" srcset=\"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-01.png 1869w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-01-300x168.png 300w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-01-1024x572.png 1024w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-01-768x429.png 768w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-01-1536x858.png 1536w\" sizes=\"(max-width: 1869px) 100vw, 1869px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>\n\n\n<p>Next, you will see the Config button, which is now active. You can click on it to enter the module settings.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d8f5ba040b5&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1869\" height=\"1044\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-02.png\" alt=\"WooCommerce Mobile Panel\" class=\"wp-image-6764\" srcset=\"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-02.png 1869w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-02-300x168.png 300w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-02-1024x572.png 1024w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-02-768x429.png 768w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-02-1536x858.png 1536w\" sizes=\"(max-width: 1869px) 100vw, 1869px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"WooCommerce_Mobile_Panel_Settings\"><\/span>WooCommerce Mobile Panel Settings<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d8f5ba046d7&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1866\" height=\"1324\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-03.png\" alt=\"Mobile Panel\" class=\"wp-image-6765\" srcset=\"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-03.png 1866w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-03-300x213.png 300w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-03-1024x727.png 1024w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-03-768x545.png 768w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/shoppress-mobile-panel-03-1536x1090.png 1536w\" sizes=\"(max-width: 1866px) 100vw, 1866px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>1- Title of each item.<\/p>\n\n\n\n<p>2- Label of each item.<\/p>\n\n\n\n<p>3- Type of each item. For example: User account, Product comparison, Shopping cart, and&#8230; You can also add custom pages.<\/p>\n\n\n\n<p>4- Icon for each item. In this section, you can upload a desired icon to replace the default one.<\/p>\n\n\n\n<p>Finally, I&#8217;ll share with you an overview of what you can create with the help of the <a href=\"http:\/\/woocommerce.com\" target=\"_blank\" rel=\"noreferrer noopener\">Woocommerce<\/a> Mobile Panel module.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d8f5ba04d82&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1226\" height=\"596\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/mobile-panel-02.png\" alt=\"Mobile Panel\" class=\"wp-image-5979\" srcset=\"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/mobile-panel-02.png 1226w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/mobile-panel-02-300x146.png 300w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/mobile-panel-02-1024x498.png 1024w, https:\/\/webnus.net\/shoppress\/helpdesk\/wp-content\/uploads\/2021\/12\/mobile-panel-02-768x373.png 768w\" sizes=\"(max-width: 1226px) 100vw, 1226px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial documents how to use the WooCommerce Mobile Panel module. The ShopPress Mobile Panel module allows you to display an attractive and easily accessible visual bar at the bottom of web pages on any device with a screen size of 768 pixels or less. Activating WooCommerce Mobile Panel To activate the Mobile Panel, please [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[39],"tags":[78],"class_list":["post-4482","post","type-post","status-publish","format-standard","hentry","category-modules","tag-woocommerce"],"_links":{"self":[{"href":"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-json\/wp\/v2\/posts\/4482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-json\/wp\/v2\/comments?post=4482"}],"version-history":[{"count":14,"href":"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-json\/wp\/v2\/posts\/4482\/revisions"}],"predecessor-version":[{"id":6766,"href":"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-json\/wp\/v2\/posts\/4482\/revisions\/6766"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-json\/wp\/v2\/media?parent=4482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-json\/wp\/v2\/categories?post=4482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webnus.net\/shoppress\/helpdesk\/wp-json\/wp\/v2\/tags?post=4482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}