• Priority: 0
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 08.02.23, 19:52
  • Opened by: ignacio Karmy

Ticket #24254 - 2 columns products on mobile version

Hello

I need to configure the products on amp version on 2 columns, but i dont find any option for this in the configuration theme. The images are too big, how can i solve this issue?

Thanks

Attachments:

1column.png (96.7 KiB)

Comments

Fred 08 Feb 2023, 20:37

Hi, ignacio Karmy.
There is no such option.
You can do that with the following CSS 

#productShownList > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
ignacio Karmy 08 Feb 2023, 21:09

hello Fred

Thanks for the reply, I added this to custom css but it didn’t work, where can I paste this code?

Greetings

Fred 08 Feb 2023, 21:26

Did you add that code into AMP Settings → Customer CSS ?

ignacio Karmy 08 Feb 2023, 21:31

Yes, didnt work

Attachments:

ampccs.png (116.2 KiB)
ignacio Karmy 08 Feb 2023, 21:41

hello, only works on categories but not on home

Fred 08 Feb 2023, 21:43

yes, it works for static product listing, but not for carousel. Carousel doesn’t work in this way, sorry

ignacio Karmy 08 Feb 2023, 22:00

this image is from home and is static

Attachments:

1column.png (96.7 KiB)
Fred 08 Feb 2023, 22:03

Ok, try this

.widget-products > div > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
ignacio Karmy 08 Feb 2023, 22:09

works, many thanks!!!

Fred 08 Feb 2023, 22:14

You are welcome!