{"id":285031,"date":"2020-05-06T05:01:36","date_gmt":"2020-05-06T12:01:36","guid":{"rendered":"https:\/\/wpbeaveraddons.com\/?p=285031"},"modified":"2021-08-05T07:13:57","modified_gmt":"2021-08-05T14:13:57","slug":"update-my-account-module-features","status":"publish","type":"post","link":"https:\/\/wpbeaveraddons.com\/update-my-account-module-features\/","title":{"rendered":"Introducing WooCommerce My Account Module &amp; Powerful Features"},"content":{"rendered":"\n<p>With new updates, comes great features! \ud83d\ude0d<\/p>\n\n\n\n<p>Today I am delighted to announce the release of the brand new <a href=\"https:\/\/wpbeaveraddons.com\/woopack\/\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce Module for Beaver Builder<\/a> and some powerful features for your eCommerce store built with WooCommerce.<\/p>\n\n\n\n<p>Along with WooCommerce features, we are bringing you a new module manager plugin for your PowerPack sites.&nbsp;<\/p>\n\n\n\n<p>Let us take a look at them one by one:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WooCommerce My Account Module<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/my-account-module-before-after-1-1024x532.png\" alt=\"\" class=\"wp-image-285746\" srcset=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/my-account-module-before-after-1-1024x532.png 1024w, https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/my-account-module-before-after-1-300x156.png 300w, https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/my-account-module-before-after-1-768x399.png 768w, https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/my-account-module-before-after-1.png 1305w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Do you want to customize your WooCommerce My Account page?&nbsp;<\/p>\n\n\n\n<p>You&#8217;re in luck! PowerPack brings you the creative <a href=\"https:\/\/wpbeaveraddons.com\/woopack\/woocommerce-my-account-module\/\" target=\"_blank\" rel=\"noreferrer noopener\">My Account Module<\/a> to customize &amp; style your WooCommerce My Account Page the way you like.<\/p>\n\n\n\n<p>Back in the days, altering WooCommerce, My Account page, was not an easy task. It&#8217;s quite impossible to customize this page without using any custom CSS &amp; shortcodes. But not anymore.<\/p>\n\n\n\n<p><a href=\"https:\/\/wpbeaveraddons.com\/woopack\/woocommerce-my-account-module\/\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce My Account Module<\/a> is loaded with powerful styling features allowing you to customize important aspects of the My Account page. From enabling\/disabling tabs at frontend to style forms, tables &amp; buttons, you can do it all in just a few clicks. Designing beautiful My Account pages has never been so easy.<\/p>\n\n\n\n<p><a href=\"https:\/\/wpbeaveraddons.com\/woopack\/woocommerce-my-account-module\/\" target=\"_blank\" rel=\"noreferrer noopener\">Check out detailed features and screenshots here:<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Features of WooCommerce My Account Module<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Customize WooCommerce My Account page Using Beaver Builder | PowerPack Beaver Builder Addon\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/JIctqOjFcgs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced Preview Option for Tabs<\/h3>\n\n\n\n<p>This feature allows you to select an endpoint from the drop-down list. Selecting an endpoint gives you the flexibility to see the active tab, and you can easily preview the live changes made by you to style the respective tab. There&#8217;s no need to publish a page every time to see the changes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Enable\/Disable Tabs on Frontend<\/h3>\n\n\n\n<p>By default, Woocommerce is set to display multiple tabs on my account page. But what if you want to show some specific tabs on your page. You can easily fulfill this requirement with My Account Module of PowerPack. It allows you to enable\/disable tabs from the frontend. You can choose if you want your users to see Dashboard, Orders, or any other tabs on my account page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Position &amp; Alignment Options for Tabs<\/h3>\n\n\n\n<p>Choose the position and <a href=\"https:\/\/wpbeaveraddons.com\/docs\/woopack\/modules\/my-account\/align-tab-items\/\" target=\"_blank\" rel=\"noreferrer noopener\">define the alignment<\/a> of the tabs with just one click. With My Account module, you get full control over the spacing and positioning of the tabs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Highlight Active Tab Easily<\/h3>\n\n\n\n<p>Highlight the active tab of my account page by altering color property and typography. This feature makes it easier to see the active tab in my account page, thus provides a smooth user interface.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Extensive Styling Options<\/h3>\n\n\n\n<p>There are a handful of styling features in My Account Module that will help you bring your custom designs to life. You can style every single aspect of the page. Whether you want to style forms or customize tables or beautify buttons, we got all your styling needs covered. From customizing typography to altering the color property of tabs, you got it all.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"525\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/WooCommerce-my-account-demo-1024x525.png\" alt=\"\" class=\"wp-image-285840\" srcset=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/WooCommerce-my-account-demo-1024x525.png 1024w, https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/WooCommerce-my-account-demo-300x154.png 300w, https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/WooCommerce-my-account-demo-768x394.png 768w, https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/WooCommerce-my-account-demo-1536x788.png 1536w, https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/WooCommerce-my-account-demo.png 1560w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Liked the design?<\/strong><br><br>If you like the demo design we&#8217;ve made for the My Account module, you can get it here. Simply download the template zip file, extract it and import the XML file using the WordPress importer, and you are good to go. \ud83d\ude42<\/p>\n\n\n\n<p><a href=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/WooCommerce-my-account-module.zip?file_id=285031\" rel=\"nofollow\">Download My Account Module Template<\/a> <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Documentation<\/h3>\n\n\n\n<p>Our team has created documentation for the new <a href=\"https:\/\/wpbeaveraddons.com\/woopack\/woocommerce-my-account-module\/\" target=\"_blank\" rel=\"noreferrer noopener\">My Account WooCommerce Module<\/a> so that you can get the best out of it. Make sure to <a rel=\"noreferrer noopener\" href=\"https:\/\/wpbeaveraddons.com\/docs\/woopack\/modules\/my-account\/\" target=\"_blank\">check out the knowledge base<\/a> and explore all the important features that this new module offers. If you have any questions or need help, feel free to <a rel=\"noreferrer noopener\" href=\"https:\/\/wpbeaveraddons.com\/contact\/\" target=\"_blank\">email us anytime.<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">WooPack Keeps Getting Awesome!<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Build Your Own WooCommerce Product Grid Design&nbsp;<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"829\" height=\"566\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/WooCommerce-Product-Grid.png\" alt=\"\" class=\"wp-image-285755\" srcset=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/WooCommerce-Product-Grid.png 829w, https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/WooCommerce-Product-Grid-300x205.png 300w, https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/WooCommerce-Product-Grid-768x524.png 768w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/figure>\n\n\n\n<p>By default, WooCommerce offers dynamically built and pre-defined four product grid layouts &amp; you don&#8217;t have any control over its designing properties.<\/p>\n\n\n\n<p>With this feature addition, you can create your own WooCommerce product grid design using custom HTML and CSS with Beaver Themer shortcode support.<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/wpbeaveraddons.com\/docs\/woopack\/modules\/product-grid\/custom-layout-product-grid-and-carousel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Check out the detailed documentation here.&nbsp;<\/a><\/strong><\/p>\n\n\n\n<p>Along with this feature, we have also added field connection options, here\u2019s a sneak peek:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Add to Cart button &#8211; with the quantity input option<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"374\" height=\"562\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/image-11.png\" alt=\"\" class=\"wp-image-285760\" srcset=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/image-11.png 374w, https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/image-11-200x300.png 200w\" sizes=\"(max-width: 374px) 100vw, 374px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Quick View button &#8211; with icon option<\/strong><\/li><li><strong>Product rating and review count<\/strong><\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">PowerPack Modules Manager<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/Modules-Manager-.gif\" alt=\"\" class=\"wp-image-285804\" width=\"903\" height=\"395\"\/><\/figure>\n\n\n\n<p>Last but not least, We have built a new module manager for PowerPack. Now you can easily disable\/enable PowerPack modules and manage them in a better way. The disabled widgets will not be available in page builder and won\u2019t consume any server resources as well. Hence, it will speed up your page builder experience.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Over to you!<\/h3>\n\n\n\n<p>We are pretty sure these new additions will improve your workflow &amp; make your website development process more fun. PowerPack &amp; WooPack is a complete bundle for your websites built with WooCommerce &amp; Beaver Builder.<\/p>\n\n\n\n<p>If you are a PowerPack &amp; WooPack user, update to the latest version to start using these features. If you are not, <a href=\"https:\/\/wpbeaveraddons.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">click here to get it now!<\/a><\/p>\n\n\n\n<p>What you think about these new features, please share your thoughts in the comments section below. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>With new updates, comes great features! \ud83d\ude0d Today I am delighted to announce the release of the brand new WooCommerce Module for Beaver Builder and some powerful features for your eCommerce store built with WooCommerce. Along with WooCommerce features, we are bringing you a new module manager plugin for your PowerPack sites.&nbsp; Let us take&hellip;<\/p>\n","protected":false},"author":5391,"featured_media":285680,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-285031","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-announcements"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts\/285031"}],"collection":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/users\/5391"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/comments?post=285031"}],"version-history":[{"count":3,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts\/285031\/revisions"}],"predecessor-version":[{"id":420880,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts\/285031\/revisions\/420880"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media\/285680"}],"wp:attachment":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media?parent=285031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/categories?post=285031"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/tags?post=285031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}