Layout problems

Tyche
1

I’m setting up the website www.filhoteeco.com.br

  1. When I use the shortcodes to display a category of products, the box is too small and it doesn’t show the images aligned.
    See here: https://www.filhoteeco.com.br/bolsinhas/bolsinhas-divertidas/

What is the problem?

  1. I’ve created a menu based on categories of products first but it was not working for the main product category, so I’ve decided to create pages for each category and use the shortcodes, is it stupid?
2

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*align products*/
.woocommerce.columns-4 {white-space:normal} ul.products {white-space:normal; margin-bottom:0} ul.products li.product {
margin-bottom:0
}
  1. Just to be clear have you tried using the Woocommerce menu items.
    WooCommerce Menu items

Best regards,
Support.

3

My first prymary menu was based on categories, it didn’t work for the top itens of the menu, i.e, “Diversos, Tiaras…” wasn’t showing any products. That’s why I used the shortcodes and pages instead of categories.
https://www.filhoteeco.com.br

4

It’s a lot better now, I think I can proceed with the page and shortcodes type of displaying.
Is there a way to remove the grey background from the products display in pages?
Ex: https://www.filhoteeco.com.br/diversos/colares/

5

To be honest, I didn’t know about the “hidden” setting on the menu area, I’m doing it now, just categories.

6

Hi Larrosa,

I noticed your page is having the same problem as mine, there will always be blank spaces at the bottom right of every product pages. Do let me know if you found a solution for that as the support did not respond to my issue. Thanks! :slight_smile:

7

Hello there,

Thanks for bringing this to our attention.

I would like to have our developer notified of this issue so that it can be assessed and updated.

Best Regards,
Support

8

Now that I’m not using the shortcodes, just the category menu, it’s a lot better. I believe that the spaces are caused by the size of the picture uploaded by my client.

9

Hey Iarrosa,

Thank you for pointing that out as well. Happy to see things are coming together.

Let us know if there is anything we can assist you with.

Best regard,
Support.