Move product description underneath image and keep infinite options to the side

kpisces12
New Member
8 0 0

Hi.

I'm trying to move my product description and customer reviews underneath my image and keep my infinite options to the side of my image (like it is formatted already). I want customers to be able to read the product description and reviews below the image and not after infinite options.

Does anyone know the CSS code I need to edit to do this? I've tried everything and can't seem to find it. Is this possible?

Below is the link to the page I'm trying to edit.

 https://houseofkrowns.com/collections/create-a-krown/products/closure-krown-custom-wig

 

Replies 2 (2)
shopify-dev-05
Explorer
70 5 8

Hello Kpisces12,

Follow the below given steps:-

1) Dashboard->Onlinestore->themes->Sections->product-template.liquid

2) Find the below code

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

3) Find the below given <div> 

<div class="grid__item product-single__photos {{ product_image_width }}{% if section.settings.image_size == 'full' %} product-single__photos--full{% endif %}">
4) Place the above (2) code where thisbis closed , so that the code will look in this manner
 
 </ul>
          {% if enable_thumbnail_slides == true %}
            <button type="button" class="btn btn--link medium-up--hide thumbnails-slider__btn thumbnails-slider__next thumbnails-slider__next--{{ section.id }}">
              {% include 'icon-chevron-right' %}
              <span class="icon__fallback-text">{{ 'sections.slideshow.next_slide' | t }}</span>
            </button>
          {% endif %}
        </div>
      {% endif %}      
         <div class="product-single__description rte 123">
          {{ product.description }}
        </div>
    </div>
Please follow this steps so that description will come below the images.
Your code may vary little bit. 
-Want to customize or make changes to a theme? Hire me.
-If my reply was helpful, Click Like to let me know!
- If your question was answered, Mark it as an Accepted Solution!
frankiosua
New Member
1 0 0

@shopify-dev-05 

 

Hey this is Frank, I've been following your steps, step by step until the last one. I don't know where to put the two code above in for the last step. Can you please help me.

 

Kind Regards,

Frank