How can I move my collapsible row and add a 'buy it with' section in the Dawn theme?

Does anyone have code I can paste into the Dawn theme so I can move my collapsible row from underneath the description on the right side, to underneath the pictures on the left? I want it to look like this site (https://www.studioproper.com/collections/shop-all-products/products/apple-ipad-pro-11-3rd-gen). Also how could I go about adding a “buy it with” section underneath?

Thanks!

Actions => Edit code

Find main-product.liquid file

Add the following code between and

{%- for block in section.blocks -%}
         {%- case block.type -%}
      {%- when 'collapsible_tab' -%}
            
              
            

          {%- endcase -%}
        {%- endfor -%}

After the above steps are modified, the effect is as follows

Site:https://lfbokco.myshopify.com/

password:lfbokco

Works well! How can I stop the rows from appearing on both sides tho…

You can delete the content in the box below

Or change {%- when ‘collapsible_tab’ -%} inside to {%- when ‘collapsible_tab1’ -%}

★ Was my reply helpful? Click Like to let me know!
★ Was your question answered? Mark it as an Accepted Solution