• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 03.12.21, 15:13
  • Opened by: Carole Carole
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #22720 - List view on mobile

Hello,

I chose the List view. When I click on the product image, the product is added to the cart.

I would like that when we click on the product image, it redirects on the product page.

Link: https://www.ateliercandela.fr/5-brule-parfums (on mobile only)

Thank you

Comments

Carole Carole 03 Dec 2021, 15:34

I noticed that there is this code when I hover on the thumbnail <button class=”btn btn-primary add-to-cart” title=”Ajouter au panier” data-button-action=”add-to-cart” type=”submit”><svg class=”svgic svgic-button-cart”><use xlink:href=”#si-button-cart”></use></svg></button>

How to remove it and replace it with a link to the product page?

Thank you

Fred 03 Dec 2021, 17:18

Hi, Carole.
I don’t see the issue you described. When I click on product images in product listing page it redirects me to a product page, exactly like it should work
If you want to hide that button, use custom CSS 

.product-miniature .add-to-cart {display:none}
Carole Carole 03 Dec 2021, 20:55

Hello Fred,

Please look at the attached video. When I click on the product thumbnail, it adds the product to the cart, it does not redirect me to the product page.

Attachments:

20211203_204917 (1).mp4 (387.3 KiB)
Carole Carole 03 Dec 2021, 20:59

Please ignore my request, I found a solution.

I use custom CSS

@media(max-width:768px) { 

  #pattern .product-miniature .product-actions {display: none}

}

Fred 03 Dec 2021, 21:29

Great!