• Closed by: Marek
  • Closed on: 12.12.18, 15:53
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12861 - 2 products per row on mobile

Hi,

I would like to show 2 product per row in my shop in mobile phones, in the isotope module i used in the home page ( https://laboutiquedelcorcho.com) and in the product grids in the category pages (as in https://laboutiquedelcorcho.com/es/12-tapones-de-corcho). I guess i should change some CSS, but i don’t know where.

I also need to show a list of posts categories in the blog pages in a left column. ¿Is this possible?

Thanks for your help.

Comments

Marek 05 Sep 2018, 13:54

Hi, Quum Marketing y Comunicación.
Open the file /themes/alysum/assets/css/theme.css
find the line 1195:

.product-grid-4 .view_grid .product_list .grid-container {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}

and replace it with:

.product-grid-4 .view_grid .product_list .grid-container {grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));}
Quum Marketing y Comunicación 05 Sep 2018, 20:39

Hi again

I applied the CSS with some modifications to make it work on mobile only and not change the desktop version, and i also found myself the solution for the isotope module.

I still need to show a list of posts categories in a left column in the blog pages. Can you help with this? Is it possible?

Thanks for your help.

Marek 06 Sep 2018, 12:02

But as I can see you already have categories list on blog page https://laboutiquedelcorcho.com/es/blog

Quum Marketing y Comunicación 06 Sep 2018, 12:05

Hello,

Yes, but they are product categories. I need posts categories.

Thanks

Marek 07 Sep 2018, 10:46

I have found out there is no such option to display blog categories