Showing Product in a Grid by Category

See WooCommerce shortcodes:
https://docs.woothemes.com/document/woocommerce-shortcodes/

I think the one you are looking for is:
[product_category category=”my_category_name”]

If its not quite what you want, please post the url to the page with it on. It may be possible to tweak the appearance.

@lorro

That’s actually what I want.

Now I’d like to show the product image not cutted and with a 1px grey border. Is it actually possible?

Here’s the link of the page https://marchscopes.it/benchrest/

Thank you

Try this in your custom css:

.woocommerce div.product div.images img {border:none}

If your theme does not have a setting where you can enter custom css, you can use a plugin like this one:
https://www.ads-software.com/plugins/simple-custom-css/

Yes, I can put custom CSS but the css you gave me doesn’t works.
And I need to re-size the images too

Please unlock your site.

Unlocked, sorry

I can’t find the css in the page. What file did you put it in? If you took it out after it didn’t work, please put it back so I can debug it.

I’m using the theme themify flow which has a Custom CSS editor integrated on the frontend. I edit the CSS in there

I still can’t find it in the page. Perhaps you could try the plugin mentioned.

I tried but it stil doesn’t work.
Maybe we could try another thing to make what I want:

How can I resize the image box to show the image in fullwidth and not cropped?

Thank you

Please unlock your site.

Unlocked

I can’t find the css in the page. What file did you put it in? If you took it out after it didn’t work, please put it back so I can debug it. Perhaps you could try the plugin mentioned. I can’t help if the custom css is not there.

The CSS editor is integrated into the theme i’m using (Themify Flow).
I’m going to download the plugin mentioned and try with it.

When downloaded, what do I have to do?
Thank you

I don’t know if you put the custom css into the theme’s css editor and left it there (in which case the theme’s css editor is not working) or whether you took it out when it didn’t work?

I searched the whole page for my css suggestion using this service, and didn’t find it:
https://jigsaw.w3.org/css-validator/
Also its not visible in the console.

If you load the plugin, go to Appearance > Custom CSS, and copy and paste the above custom css, then click “Update”.

If its in the page but doesn’t work, I can try to debug it.