• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 29.09.21, 10:40
  • Opened by: Variedades Auto
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #22348 - Mobile Problems

Hello , 

My website is almost ready for launch , i have been testing for the past week and i found some issues on the mobile version. I would like to ask for your help regarding this.
When i try to select a language the dropdown or sidebar doesn’t appear , the button is not working like in the demo. When i use it on the browser option on PC it works kinda fine but not optimal ( some hover issues).
I also noticed that whenever i load a product page, using search or selecting a category , part of the product title is cut in half . If it has more than 1 product it cuts the second product image in half and the text barely appears. ( This is happening mainly on mobile, but on PC it has some issues as well)In PC it is not aligning properly as well.
I will attach some printscreens as well so you can understand it better. I am using the same layout for all my shops so this is a problem that is multiplied by 3. Consider this when trying to fix the issue.

Thanks,
Diogo Pereira

Attachments:

Screenshots.zip (902.7 KiB)

Comments

Variedades Auto 29 Sep 2021, 13:19

And another situation in some products below the cart sup appears the number 1 and I dont know from here it cames. (see Screen shot)

Attachments:

Error 1.PNG (83.6 KiB)
Fred 29 Sep 2021, 22:27

1. Dropdown is fixed
2. Product list is fixed
3. I can’t find a product with that “1” in quick view

Variedades Auto 30 Sep 2021, 10:24

And another situation in some products below the cart sup appears the number 1 and I dont know from here it cames. (see Screen shot)

Attachments:

Error 1.PNG (83.6 KiB)
Variedades Auto 30 Sep 2021, 10:38

Hello its not in quick view its inside the product that number 1 appears. And in products if we select the grid view product title is cut. (ScreenShot)
And other situation if we try to translate things from theme it asks for a password, can you check it too please?

Attachments:

WhatsApp Image 2021-09-30 at ... (69.8 KiB)
Variedades Auto 30 Sep 2021, 10:53

And here I dont know why because the images are all uploaded with same size, but some titles are above others below they arent inline…. (ScreenShot) This is in search. In the category the same products are fine.

Attachments:

Image Bug.PNG (777.6 KiB)
Fred 30 Sep 2021, 17:41

Could you please give me a link to a page where I can see the issue?

Variedades Auto 30 Sep 2021, 18:30

For the products that are not inline : https://www.cosbrand.pt/Bioage/index.php?controller=search&s=celulite

For the number 1 that is showing : https://www.cosbrand.pt/Bioage/index.php?id_product=17&rewrite=lipo-redux-gel-condutor-para-eletroterapia&controller=product&id_lang=1

The translation is inside the backoffice in the translation section.

Fred 30 Sep 2021, 19:11

Try this CSS fix

#pattern .view_grid .product_list .grid-container {grid-template-columns: repeat(6, calc(100% / 6 - 40px))}
Variedades Auto 30 Sep 2021, 19:12

Ok i will try, and about the other problems?

Fred 01 Oct 2021, 10:51

1. fix for the “1” issue

.productButtons.product-additional-info {display: none}

2. as for the translation, the theme doesn’t manage that functionality

Variedades Auto 01 Oct 2021, 11:03

Product grid view in mobile still cut the product title

Fred 01 Oct 2021, 11:10

It looks fine for me https://take.ms/2tv5x

Variedades Auto 01 Oct 2021, 11:17

In the grid option. Not list

Variedades Auto 01 Oct 2021, 11:19

Its the other view mode.

Fred 02 Oct 2021, 11:12

try this:

@media (max-width: 500px) {
#products.view_list .thumbnail-container {
    display: grid;
    grid-template-columns: 1fr 2fr
}
#products.view_list .product-thumbnail {width:auto;min-width:0}
#products.view_list .product-desc-wrap {padding-right:0}
}