Move description on product page to right side

Topic summary

A user seeks to relocate the product description from its current position on the right side to below the product images on the left side of their Shopify store’s product page.

Two solutions were provided:

  1. CSS approach via theme.liquid: Add custom CSS code above the </head> tag in the theme.liquid file (accessed via Online Store > Themes > Edit code). This method repositions elements without altering the template structure.

  2. Template editing approach: Modify the product template file (product.liquid or product-template.liquid) by locating the description code block (typically {{ product.description }}), cutting it, and pasting it in the desired location below the product images. Additional CSS adjustments may be needed for proper layout.

Both solutions require accessing the theme code editor through Shopify Admin. The discussion remains open with no confirmation of which method the user implemented or whether the issue was resolved.

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

Hello,

I would want to move the product description thats right now on the right side to the left side under the product images.

My store: https://r1vex.myshopify.com/

code: kidos24

How it looks now:

Where I want the description in position:

Thanks for helping!

Hi @manbru

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

You’ll need to edit your Shopify theme’s code to move the product description. Here’s a quick guide:

  1. Go to your Shopify Admin.
  2. Click on Online Store > Themes.
  3. Find your current theme and click Actions > Edit code.
  4. Locate the product template file, usually named product.liquid or under sections as product-template.liquid.
  5. Find the code block for the product description. It might look like this:
{{ product.description }}
  1. Cut that block and paste it where you want it to appear—under the product images and before or after any other elements you want to adjust.
  2. Save your changes and preview the product page to check if it looks right.

You may need to adjust some CSS if the layout isn’t perfect.