Steps:

  1. Go to a product (image 1).
  2. Click the button to display the code (image 1).
  3. Copy the code (image 1).
    Optional :
    You can save this code in a text.txt file as a backup.
  4. Go to https://www.10bestdesign.com/dirtymarkup/ (image 2)
  5. Paste the code (image 2).
  6. Click on Clean (image 2).
  7. Identify/distinguish content tabs.
    Using image 2 as an example:
    • Tabs: line 3, 6 and 9.
    • Tab content
      • Content of tab 1: line 14 to 20.
      • Content of tab 2: line 23.
      • Content of tab 3: line 26 to 37.
    Noticed :
    The content of a tab is inside the li element which has a unique id .
  8. Make the necessary modifications.
  9. Copy the new code.
  10. Return to the product.
  11. Replace the old code with the new code.
  12. To safeguard.