Create a Two-Column Product Description with Tabs

Topic summary

A user is attempting to create a three-tab product description layout with two-column text formatting within each tab. They’ve successfully implemented the tab structure using HTML in Shopify’s product page editor, but are encountering a layout issue.

Current Problem:

  • All content (Titles 11, 12, 21, 22, 31, 32) appears in the first tab instead of being distributed across their respective tabs
  • The goal is to have Titles 21-22 in Tab 2 and Titles 31-32 in Tab 3, each with two-column formatting

Technical Context:

  • The implementation uses custom HTML/CSS with div containers and column classes
  • A screenshot is included showing the desired layout structure
  • The code snippet reveals nested div elements with tab-content and column-wrapper classes

Status: The discussion remains open with no responses yet. The user is seeking suggestions to fix the HTML/CSS structure so content properly distributes across the three tabs while maintaining the two-column layout within each.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

Hello,

I’ve created a 3 tab full-width description on my product page, using the HTML section in the Products-page of Shopify.

Now I would like to separate the text in each tab into 2 separate columns (in specific places).

If you look at the picture below, I would like to have Title 21 and 22 in the second tab and 31 and 32 in the 3rd tab. But with the code that I have, they all appear in the first tab.

Any suggestions?

Thank you so much in advance!


          - TAB 1
            
          

          - TAB 2
            
          

          - TAB 3
            
          
        

        
        
          - ### TITLE 1 1
         Text goes here

     

   

  
     

         ### TITLE 1 2
         Text goes here

     

   

 
  
            - ### TITLE 2 1
             Text goes here

     

   

  
     

             ### TITLE 2 2
             Text goes here

     

   

            

  
                - ### TITLE 3 1
                   Text goes here

     

   

  
     

                   ### TITLE 3 2
                   Text goes here