We offer professional Design/Code Customisation and Website Optimisation Service Request Customisation
  • Status: Closed
  • Closed by: Marek (marek)
  • Closed on: 13.07.18, 17:13
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12542 - Tabs in product page (Data sheet etc.) PS

Which file is responsible for adding the ‘active-section’ class in the tabs on the product page? I want to change the location, but after the change it stops working.

Link: https://bit.ly/2L58A08

This ticket does not depend on any other tickets.

Marek (marek) 13 Jul 2018, 14:39

Hi, Przemek.
Responsible file is product.tpl

Przemek Rosiak (rmpoland) 13 Jul 2018, 16:14

Therefore, how did I transfer a piece of code with tabs, it cut me out of the class that was responsible for displaying content from a given tab?

Przemek Rosiak (rmpoland) 13 Jul 2018, 16:18

class "active-section" does not pass to the next element (page-product-box)

Marek (marek) 13 Jul 2018, 16:50

Open the file themes/modules/pk_themesettings/js/commonscripts.js
find the line

$("#pb-left-column section").removeClass("active-section");
$("#pb-left-column").find("[data-section='" + num + "']").addClass("active-section");

replace it with

$(".tabsy section").removeClass("active-section");
$(".tabsy").find("[data-section='" + num + "']").addClass("active-section");
Przemek Rosiak (rmpoland) 13 Jul 2018, 16:57

Fine, here it was. Thank you very much. You can close this ticket :)

Marek (marek) 13 Jul 2018, 17:13

No problem!