WooCommerce List View For Divi Theme

by | Aug 26, 2017 | Freebies, Free Plugins | 50 comments

WooCommerce List View For Divi is a simple plugin to bring the classic blog list style into your store. The plugin changes the default WooCommerce grid view of Shop, Categories & Tags to a simple blog list style. The WC List View plugin comes with extra options to display the product short description, read more button & add to cart button.

Features:

  • Enable list view for shop page, categories & tags individually.
  • Display Product short description for each product in the list.
  • Display Read more button.
  • Customize the read more button text.
  • Display add to cart button.
  • Customizing the buttons style.
  • Responsive design.

How to use it:

Just upload the plugin like any other wordpress plugin and after activation, you can use the plugin and change settings under Settings -> WC List View.

Screenshots

Download For FREE!

Download Now

PS: This is the initial release of the plugin, if you are facing any problems, please comment below and let me know.

By Abdou

My name is Abdelfatah Aboelghit, a PHP developer from Egypt and my friends call me Abdou!
Here I write and develop products about Divi Theme.

More Article

50 Comments

  1. Brandon Still

    This plugin works great and I saved me some time. However, I would like to give users the ability to choose how many product listings to display on the front end. A simple drop down with the options “show 25, 50, 75, or 100”.

    I’m trying to just use a plugin for the sake of time, one I typically use is WooCommerce Products Per Page but the default number of products to display (1-9) is overwriting my plugin results…

    Any ideas or work arounds?

    Reply
    • Abdou

      To change it, go to Divi/Extra -> Theme Options -> Number of Products displayed on WooCommerce archive pages.

      Reply
  2. sab

    The package could not be installed. The theme is missing the style.css stylesheet.

    Reply
    • Abdou

      This is a plugin, not a theme.

      Reply
  3. sagar

    Unable to See List View, did everything as directed

    Reply
    • Abdou

      I just tested it and it is working fine, make sure you enable the options under your admin dashboard -> Settings -> Wc List View.
      PS: it does work with the default layout of WooCommerce, not custom layouts from Divi.

      Reply
  4. Zach Horsman

    Hello, I installed the plugin and configured the settings. I am building a custom product category page through the theme builder, and have added the shop module. I can see some of the changes made, for example the short description and read more buttons now display. However, the layout is not as shown in your screenshot. It does not display one product per row in a list format, it still displays the products in a grid layout. I attempted changing from ‘default’ in the Shop modules to ‘1 column’ and that does not make it display properly either. Is this b/c I am building a custom product category page? Can you provide a solution for this?

    The URL to view a page in question is: https://woodys-cycles.sci-staging.com/product-category/new-bikes/

    Would really appreciate your input, thank you.

    Reply
    • Abdou

      Hi, the plugin changes the layout of the “default” shop template, not the custom layouts built using the builder.

      Reply
  5. Matt

    I must be experiencing some sort of conflict with Divi theme being applied to categories. I can’t get the products to show up on the product category pages at all, let alone with this plugin installed. Any ideas? https://leela.org/product-category/event-retreat-meeting-satsang-with-gangaji-eli-jaxon-bear/

    Reply
    • Abdou

      The plugin works only with the default WooCommerce template. It won’t work with custom layouts.

      Reply
  6. Tobias

    Hi, thank you for this great plugin! I have one small issue: on list view it always show a 5 star rating even if that’s not true. On the single product pages the ratings are correct. Any idea what the problem might be?

    Reply
    • Abdou

      This is not normal, please, send me a link to the page.

      Reply
      • Tobias

        Thanks for the reply! That’s the page in question:
        https://www.jura-schema-base.de/produkt-kategorie/einzelne-schemata/bgb-at-schema/

        The example product has only 3 stars, but it shows 5. However, the aria-label of the star rating div is correct, just not the image. If I deactivate the plugin and use the standard category page, the image is correct.

        Reply
        • Abdou

          This could be a cache issue.

          – If you have a caching plugin, clear the cache or deactivate the plugin and check again.

          – Also, clear the Divi’s cache by going to Divi -> Theme Options -> Builder tab -> Advanced -> Static CSS file Generation -> click Clear OR deactivate the feature completely.

          Does that help?

          Reply
          • Tobias

            Unfortunately not. I don’t have any caching plugins installed yet (I just started working on this website). And I tried to clear Divi’s cache and also deactivated the feature, but it didn’t help. Any further help would be appreciated.

Submit a Comment

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

Shop Tabs Plugin

A must-have plugin for Divi & WooCommerce.

Read More

Divi Theme

The Best Theme For WordPress. 

Read More

Pin It on Pinterest

Share This