(minimal) woocommerce redesign

13 votes

(minimal) woocommerce redesign

Please give woocommerce a redesign. It's so outdated.
tim reininga shared this idea

6 Comments

  • Hey Tim,

    what exactly you don’t like about the current design? I’m asking because we’ve already removed the default WooCommerce stylesheets & applied our own to match the theme’s minimalistic look & feel.

    Best,
    David

    Reply
  • I really like pbfw. I tried many themes and many of them are really slow and bloated. With this theme and the right hosting i can finally make websites that are quick.
    But the woocommerce pages could be a little bit more polished and finetuned in my opinion.

    If you check out this theme for example. The woocommerce pages are just a little bit more finetuned while keeping it minimal.
    https://demo2.wpopal.com/ekommart/shop/nike-shox-tl-nova-sp/
    https://demo2.wpopal.com/ekommart/my-account/

    Other things that would be great to have:
    – change colors of woocommerce. ( now you need a plugin if im correct)
    – login button that you can put in the header that will change if you’re logged in.
    with dropdown to woocommerce endpoints.
    – Option with a dropdown or pop-up login form would be awesome as well.
    – option to add things to the myaccount page. You can do this with code but it would be great if you could do it in the customizer.

    Hope you can put some of these suggetions on your roadmap 😀

    Reply
  • I would specifically like to up vote the colour settings.

    There are some basic WooCommerce colours like the messages and notices that appear above the cart or upon adding a product to the cart.

    I do it with css now but would like something a little better, more consistent, and quicker.

    Reply
  • Hi David/et al.

    I think it’s super important as the Woo eco-system evolves to have much more theme-targeting control over ‘customer centric, dynamic content’.
    For example; todays online shopper expects ease of use on EVERY page of your shop, not only the checkout page. So it shouldn’t be so difficult to insert a simple dynamic login/logout button which ‘plays nice’ with Woo following the login or registration process. And it shouldn’t be so hard to include those elements where you need them anywhere in the header/pre-header. Particularly for separate mobile/tablet/desktop views.
    PBF’s custom hook locations are great to have, but this is still quite a macro approach for the fine-grained control required in a store.

    Writing a script for a switching login/logout link is one thing, but there are so many other dynamics functions which also need to be coded to make it “customer usability friendly’.

    Woo functionality should include:
    1. Native dynamic Login/Logout, My Account/Register elements. Customer first/last/username/email content insertion ability. And all with url redirecting of choice before/after point of access.
    Every serious store MUST have these individualised info/access elements for customer usability to even function as a shop site. Why do most themes choose to omit (or ignore) these? My view is that you can’t leave that up to the swag of antiquated and sloooowww page builders. Or at least your shouldn’t if you aim to thrive ‘long-term’ as a theme as Gutenberg gains further store-building traction (and it will).

    2. Flexible Login/Register pages/sections for light, user-friendly tailoring of account access.
    I don’t care much for the popup route expressed above by the OP. This always requires more .js bloat for display and function. Perhaps as long as there was an ‘on/off’ option and it absolutely didn’t add additional css/js when deactivated. Super light loading is key here ‘post 2021’ to keep critical css as minimal as possible.

    3. “My Account” page element editing and custom ‘relational user account data’ placement.
    For example, I ‘ve experimentted with the idea of including all customer “tabs” into an accordian block, and there is a lot to love about this possibility from a usability standpoint. A major one being that essentially all ‘user’ content is loaded into a single page render. This makes perceived page access between “Dashboard”, “Orders”, “Edit Account”, etc pretty much instantaneous for the user.

    The above additions should also provide custom display/placement options between desktop/tablet/mobile. Particularly now as mobile ‘has’ become the ‘default’ usage device.

    It should be said that although editing child theme Woo templates is a common approach for creating My Account layouts, it’s still an ugly choice if you are a micro-business owners who doesn’t have time to be a ‘full time developer/code sniffer’. PBF Premium is afterall a paid pro offering, not a freebie.

    My Account page editing really is one of the most inflexible elements plaguing Woocommerce and this needs to be acounted for in a theme. This shortcoming baffles me because it’s one of the most important areas for store owners to offer customers a cohesive and easy UI shopping experience. Without it they will think your store ‘feels old’.
    In 2021 creating a custom My Account page (or set of pages) which appeal to your target market shouldn’t be considered a ‘luxury’ requiring a separately maintained plugin. It’s core to online shopping, and I would argue even more crucial than the cart or checkout page. At least on par…

    I think if you’re a theme developer pushing “Advanced Woo” capability and editing as a selling point, it has become crucial to offer more flexible, customer centric and dynamic user experience/access tools.

    Personally I don’t view “being able to change Woo colours” in the customiser as important at all. More so when we still do not have other ‘more powerful’ content inclusion tools.
    99% of custom CSS tasks are still quite easily acheived through existing class/id targeting. However, custom dynamic user data addition is not so easy without many large php hacks.

    There are more things I want to write, however I’m keeping it to the context of this feature request.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

We take your privacy seriously! See our Privacy Policy.

6 Comments

  • Hey Tim,

    what exactly you don’t like about the current design? I’m asking because we’ve already removed the default WooCommerce stylesheets & applied our own to match the theme’s minimalistic look & feel.

    Best,
    David

  • I really like pbfw. I tried many themes and many of them are really slow and bloated. With this theme and the right hosting i can finally make websites that are quick.
    But the woocommerce pages could be a little bit more polished and finetuned in my opinion.

    If you check out this theme for example. The woocommerce pages are just a little bit more finetuned while keeping it minimal.
    https://demo2.wpopal.com/ekommart/shop/nike-shox-tl-nova-sp/
    https://demo2.wpopal.com/ekommart/my-account/

    Other things that would be great to have:
    – change colors of woocommerce. ( now you need a plugin if im correct)
    – login button that you can put in the header that will change if you’re logged in.
    with dropdown to woocommerce endpoints.
    – Option with a dropdown or pop-up login form would be awesome as well.
    – option to add things to the myaccount page. You can do this with code but it would be great if you could do it in the customizer.

    Hope you can put some of these suggetions on your roadmap 😀

  • I would specifically like to up vote the colour settings.

    There are some basic WooCommerce colours like the messages and notices that appear above the cart or upon adding a product to the cart.

    I do it with css now but would like something a little better, more consistent, and quicker.

  • Hi David/et al.

    I think it’s super important as the Woo eco-system evolves to have much more theme-targeting control over ‘customer centric, dynamic content’.
    For example; todays online shopper expects ease of use on EVERY page of your shop, not only the checkout page. So it shouldn’t be so difficult to insert a simple dynamic login/logout button which ‘plays nice’ with Woo following the login or registration process. And it shouldn’t be so hard to include those elements where you need them anywhere in the header/pre-header. Particularly for separate mobile/tablet/desktop views.
    PBF’s custom hook locations are great to have, but this is still quite a macro approach for the fine-grained control required in a store.

    Writing a script for a switching login/logout link is one thing, but there are so many other dynamics functions which also need to be coded to make it “customer usability friendly’.

    Woo functionality should include:
    1. Native dynamic Login/Logout, My Account/Register elements. Customer first/last/username/email content insertion ability. And all with url redirecting of choice before/after point of access.
    Every serious store MUST have these individualised info/access elements for customer usability to even function as a shop site. Why do most themes choose to omit (or ignore) these? My view is that you can’t leave that up to the swag of antiquated and sloooowww page builders. Or at least your shouldn’t if you aim to thrive ‘long-term’ as a theme as Gutenberg gains further store-building traction (and it will).

    2. Flexible Login/Register pages/sections for light, user-friendly tailoring of account access.
    I don’t care much for the popup route expressed above by the OP. This always requires more .js bloat for display and function. Perhaps as long as there was an ‘on/off’ option and it absolutely didn’t add additional css/js when deactivated. Super light loading is key here ‘post 2021’ to keep critical css as minimal as possible.

    3. “My Account” page element editing and custom ‘relational user account data’ placement.
    For example, I ‘ve experimentted with the idea of including all customer “tabs” into an accordian block, and there is a lot to love about this possibility from a usability standpoint. A major one being that essentially all ‘user’ content is loaded into a single page render. This makes perceived page access between “Dashboard”, “Orders”, “Edit Account”, etc pretty much instantaneous for the user.

    The above additions should also provide custom display/placement options between desktop/tablet/mobile. Particularly now as mobile ‘has’ become the ‘default’ usage device.

    It should be said that although editing child theme Woo templates is a common approach for creating My Account layouts, it’s still an ugly choice if you are a micro-business owners who doesn’t have time to be a ‘full time developer/code sniffer’. PBF Premium is afterall a paid pro offering, not a freebie.

    My Account page editing really is one of the most inflexible elements plaguing Woocommerce and this needs to be acounted for in a theme. This shortcoming baffles me because it’s one of the most important areas for store owners to offer customers a cohesive and easy UI shopping experience. Without it they will think your store ‘feels old’.
    In 2021 creating a custom My Account page (or set of pages) which appeal to your target market shouldn’t be considered a ‘luxury’ requiring a separately maintained plugin. It’s core to online shopping, and I would argue even more crucial than the cart or checkout page. At least on par…

    I think if you’re a theme developer pushing “Advanced Woo” capability and editing as a selling point, it has become crucial to offer more flexible, customer centric and dynamic user experience/access tools.

    Personally I don’t view “being able to change Woo colours” in the customiser as important at all. More so when we still do not have other ‘more powerful’ content inclusion tools.
    99% of custom CSS tasks are still quite easily acheived through existing class/id targeting. However, custom dynamic user data addition is not so easy without many large php hacks.

    There are more things I want to write, however I’m keeping it to the context of this feature request.

Comments are closed.

Scroll to Top

Download

Download Page Builder Framework and be the first to get informed about new features & updates!

OR

Get 10% off our Premium Add-On (yearly plan).
Coupon Code to enter during checkout: 10OFF View Pricing