[Resolved] Shop page list view

[Raul]

Hi,
I would like to switch to list view on a custom shop page and add some attributes after the short description. Can you tell me if the theme already has this option? Or what template i have to edit to customize the shop page like in the attached screenshot.

Also i would like to change the filters to list and checkbox (every filter show only title with arrow in right, and when open show check-boxes). The theme has this option? Or do you recommend some plugin compatible with gp.

What b2b plugin do you recommend, that is compatible with gp?

Screenshot: https://vinoamo.ro/wp-content/uploads/2022/09/Screen-Shot-09-07-22-at-02.52-PM.jpg
Shop page is: https://vinoamo.ro/produse/

Thanks,
Stefan Paul

[David]

Hi there,

sorry for our delayed response, your topic slipped through our system.

So in GP we don’t add any Woocommerce Templates, we leave the Woocommerce plugin to provide.
With GP Premium we provided a Woocommerce Module:

https://docs.generatepress.com/article/woocommerce-overview/

Which filters some options, such as displaying a Single Column or hooking in some stuff like a Menu Cart.

Which means we can say that any well coded plugin will work with GP as we don’t get in the way of what Woocommerce is doing.

So for the single column you can set the this in Customizer > Layout > Woocommerce.

For adding other content, you can use a Hook Element for code or Block Element for block content to add stuff into the templates.

There are several Woocommerce Hooks to choose from.
And you can see those in place here:

Product Archives: https://www.businessbloomer.com/woocommerce-visual-hook-guide-archiveshopcat-page/
Single Product: https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Raul]

Hi,
I worked before with hooks, i think now i need the woocommerce_after_shop_loop_item_title, but i don’t know how to put a hook in the woocommerce shop page to show attributes after short description for every product (just like in the screenshot). Also i have to add quantity, put price and add to cart on same row (but here i can fix with css).

Thanks,
Stefan Paul

[Fernando]

Hi Stefan,

You may use a Hook or Block Element. Just set the hook to woocommerce_after_shop_loop_item_title and the display rule location to Product Archive.

[Raul]

Hi,
Yes i already added this but inside the block element, what block i have to add to display the specific products attributes, in grid view?

Thanks,
Stefan Paul

[Fernando]

You may use a GenerateBlocks Grid Block: https://docs.generateblocks.com/article/grid-overview/

[Raul]

We are not understanding each another. Did you look at the screenshot?

I want to customize the shop page so that each product from the loop need to have a block which contains the attributes for that product. So under the short description of the first product, the attributes for first product, under the short description of the second product the attributes for the second product, and so on.

Thanks,
Stefan Paul

[David]

There are no blocks that do that. And currently the Dynamic Data options we provide don’t cover Woocommerce, that is something we have planned for the future.

Instead you would need to use a standard Hook and PHP to display the relevant attributes.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Raul]

Thanks for your help, i managed to make it with php and hook. It’s working great. Looking forward for the update with dynamic data in woocommerce.

[David]

Glad to hear that !

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts