WordPress.org

Support

Support » Plugins and Hacks » WooCommerce » [Resolved] [Plugin: WooCommerce – excelling eCommerce] Woocommerce product grid view VS list view

[Resolved] [Plugin: WooCommerce – excelling eCommerce] Woocommerce product grid view VS list view

  • Dear All,

    I think Woocommerce is a great ecommerce solution for WordPress, but there is just one thing that is bothering me and that I can’t seem to resolve (before I start buying extensions I need to make sure the layout I have in mind is possible and works flawlessly).
    I searched around but could not find the answer to my question 🙁

    I would like to have a product list view in the shop instead of a grid view (with pictures).
    I’m starting a sandwich shop and there is no need for me to have large images etc in a grid view, but I would like to have all my products (sandwiches, salads and soups) listed on my page in 1 long list.

    Basically, I want to do the following in my horizontal product list:
    1 – 2 – 3 – 4 – 5 – 6 – 7
    ————————-
    1. A really small thumbnail/icon of the product (50×50)
    2. Product Name (clickable to single product page)
    3. Category (Bread / Salad / Soup)
    4. Option to choose quantity of product (like in the single product page)
    5. Select variations (type of bread + size of sandwich)
    6. Price (variable to selected options in 4.)
    7. Add to cart button

    So each product has one single line/row in a big table with the option to add each product in the correct amount / variation to the shopping cart.

    Does anyone know how I can achieve this (if this is possible) or point me in the right direction?
    I looked around (please note that I don’t want to promote this link in any way, it’s just to give an idea of the direction I want to go) and found something similar http://producto.syncthemes.com/products/?layout=list&order=latest&show=12 where you have the option to show the products in a list view.

    Any help would be highly appreciated!

    Best Regards,
    Frederik

    http://wordpress.org/extend/plugins/woocommerce/

Viewing 15 replies - 1 through 15 (of 38 total)
  • Plugin Author Mike Jolley

    @mikejolley

    You can restyle with CSS. If you need to change the HTML for products, you can override the templates

    http://wcdocs.woothemes.com/codex/template-structure/

    cpt_copcyat, did you ever find a good solution to this? I’m really surprised alternative product views aren’t a core part of woocommerce, given all the features it does have.

    I’d like to echo this need! I would like to:

    1) List “Related Products” in a list view similar to described by cpt_copycat.

    2) Add an “Add to Cart” button to each related product in the list view

    I can imagine this would be useful to so many others. Seems like CSS can take care of #1, but I’m definitely struggling with adding add to cart buttons to each related product on a single product page.

    menardmam

    @menardmam

    cpt_copcyat : I need exactly the same “all product lister” how did you manage to do it ? can you give me some code, to try and test it myself ? thanks in advance

    Benbodhi

    @benbodhi

    Oh, this is exactly what ive been looking at doing…
    ive just started playing with the css… but to get the quantity option, i will have to do a template override.

    If anyone has a clear solution that is already working, please let us know.

    cheers

    garryhoudini

    @garryhoudini

    Hey guys!
    I was looking exactly the same as you and I thought I would have to code a little. But I found this Woocommerce Grid/List Toggle plugin @ WP repository! http://wordpress.org/extend/plugins/woocommerce-grid-list-toggle/
    It’s not an exact solution at all, but it’s still sonething more than a default grid view and it can be rewritten as you want according to GPL.

    hi , I’m new in WordPress as well as WooCommerce.
    I have overloaded the “content-product.php” and put a table structure.
    but the file is called from somewhere that I cant found.

    so all the table heading are appearing multiple times and the table is also broken into parts.

    any solution please..

    Greetings,

    I am very interested on the same thing as well, i have been looking around for at least 3 days now, for something that could help on the view…

    The grid/list view is far from it for various reasons.
    1. There is no way you can add anything to it, very very limited on the options, see above 1.2.3.4.5.6.7… the mentioned grid list…shows only whatever is there.

    Why is this marked as resolved?
    Maybe we are a little slow, but could someone provide of a more accurate or understandable solution to this?

    Thank you
    ps: i have been looking for table view, list view, product view, woocommerce.. various themes, various css styles, plugins additions/extensions and all sorts of documentations. 🙁

    I hope someone that has actually achieved this sees this in time.

    Thank you again,

    The-Croupier

    ok I’ve done it just.

    override the following code in “archive-product.php”.
    ========================================================
    [Large code excerpt removed by moderator per forum rules. Please use the pastebin for all large code excerpts. It works better anyway.]
    ==========================================================

    But now facing the next problem.. The “Quantity” field is not working..
    whatever input i’m giving there, at the CART page its showing just 1 item.. tell me if u get the solution.. And if it help u..

    I am trying it on right now, thanks for the great/quick response.
    hope this works and i havent messed up anything or i will be here for the rest of the night 🙁

    The-Croupier

    i have been trying to add the sku number or and description of the product.. 🙁
    hmmm

    <div <?php post_class(); ?>>

    <?php if ( $woo_options[ ‘woo_post_content’ ] != “content” ) woo_image( ‘width=’.$woo_options[ ‘woo_thumb_w’ ].’&height=’.$woo_options[ ‘woo_thumb_h’ ].’&class=thumbnail ‘.$woo_options[ ‘woo_thumb_align’ ]); ?>

    <h2 class=”title”>” rel=”bookmark” title=”<?php the_title(); ?>”><?php the_title(); ?></h2>

    <?php woo_post_meta(); ?>

    <div class=”entry”>
    <?php if ( $woo_options[ ‘woo_post_content’ ] == “content” ) the_content(__( ‘Read More…’, ‘woothemes’ )); else the_excerpt(); ?>
    </div><!– /.entry –>

    i was trying from here… but maybe i am in the wrong direction completely 🙁
    please advice….

    i think somewhere on the way… the picture- does not link to the product page anymore… 🙁

    Hi. I recently figured out how to change the grid in my wootheme. The post is http://wordpress.org/support/topic/product-item-grid-options-for-woothemes?
    If you want a list i assume change the variable to 1 would do it.

    Where did you find the archive-product.php file?

Viewing 15 replies - 1 through 15 (of 38 total)
  • The topic ‘[Resolved] [Plugin: WooCommerce – excelling eCommerce] Woocommerce product grid view VS list view’ is closed to new replies.
Skip to toolbar