Before explaining how to make shopify product description full width, let’s dive into a quick summary about shopify and product descriptions.

What is Shopify?

Shopify is a popular E-commerce platform that gives you everything you need to create your own online store using Shopify Platform.

Shopify has become famous on e-commerce word because of the great success that its users have met.

What is a product description?

The pages that present the products on an eshop, called product pages.

The texts that describe the products in product pages called product descriptions.

What is the most common Layout of Product Descriptions on Shopify?

The product page layout, as the rest of the standard ecommerce pages, depend on the theme that have been installed.

Let’s see what is the most common product page layout in most of the free shopify themes.

As you can see the product description is now full width by default, but it’s just a right column.

Why you may want to change the single column product description

• In case you have a lot of media content like images and videos that you want to include in product descriptions, it would not seem nice if they are pushed in a small column
• If you have long product descriptions, the single-column description will make your page much longer. It is not so much user-friendly to make the user scrolling down.

6 REALY SIMPLE STEPS TO MAKE SHOPIFY DESCRIPTIONS FULL WIDTH

1. Go to Online Store>Themes and select the Theme you want to customize the product description. Click on edit code.

2. Find the product.template.liquid file

3. Click on the product.template.liquid file

4. Search for the code

 <div class="product-single__description rte" itemprop="description">
            {{ product.description }} abc
          </div>

You can find it faster by use the web page search option.
Type ctrl+F and paste the code in the search box.
You will be lead directly to the code.

5. Copy and Cut the code

5. Paste it after the last </div> and before the {% unless,

it would look like this:

6. Click Save at the upper right corner

And here you are. You are set!

Did it work for you?

Let us know, if you experienced any issue.
Write your questions at the comments and we will answer to you ASAP.