• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 28.07.23, 12:29
  • Opened by: Pianeta Affari
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #24863 - Change product tab visualization

Hello there, I was wondering if you could provide please, any code or solution to change how the product tab looks like. Basically, now when you click on any of the elements, “description”, “product detail”, and so on; the info show up automatically. Only for mobile, I would like to wrap every element in a dropdown rather then a list in order not to show the info in the first place but only when a client clicks on the arrow. Please, see screenshot attached; 1st one is the current set up, 2nd one is how I would like it to being showned.

Attachments:

tab.png (61.1 KiB)
WhatsApp Image 2023-07-28 at ... (17.3 KiB)

Comments

Fred 29 Jul 2023, 22:31

Hi, Pianeta Affari.
It’s a good idea, and we even thought to implement it in the theme. But unfortunately, we don’t have free time now.
I can only suggest you to use “details” tag for that https://www.w3schools.com/tags/tag_details.asp that will be shown on mobile devices only. and current tabs show for desktop only. Check out this file /themes/alysum/templates/catalog/product.tpl