• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 15.03.19, 11:04
  • Opened by: Walter Fontana
  • Closed by: Marek
  • Closed on: 22.03.19, 10:11
  • Reason: Closed
  • Comment: Glad to help!

Ticket #13952 - Bestseller and Special Widget - Mobile Layout

Hi,
i have a problem with mobile layout of two product list widget in home-page.

-The first (Specia Product) in mobile is non in carousel mode.

-The second (Bestseller product) in mobile show 3 products instead i have set the widget with 2 products.

Desktop layout is ok.

Comments

Marek 16 Mar 2019, 09:32

Try following CSS:

@media (max-width:500px) {
body .pk-carousel:not(.pk-carousel-active) > article {width:100%}
}
Walter Fontana 18 Mar 2019, 09:33

No Marek, with your css i see the product full screen, but i have another problem: in desktop i see 2 special products, in mobile only one. And also for bestseller products, in desktop i see 2 products, in mobile instead 3 products.

Marek 18 Mar 2019, 12:59

“in desktop i see 2 special products, in mobile only one” – but how it should be?

Walter Fontana 21 Mar 2019, 16:30

I try to explain myself with an image:
I have 3 problems:
1) In HOME - SPECIAL PRODUCT (img special-product)
2) In Home - BESTSELLER (img bestseller)
3) In Product Page (product in same category) (img product-page)

Marek 21 Mar 2019, 23:28

1. Fixed.
2. You have two Bestseller modules at the page, and one shows for desktop and another one for mobile
3. Open the file /themes/alysum/modules/ps_categoryproducts/views/templates/hook/ps_categoryproducts.tpl and change data attributes as you like

Walter Fontana 22 Mar 2019, 10:01

1. Thanks
2. Sorry, i did not remember that i have two modules!!!
3. Ok, done

Thank you