Change the width of shopify review app

New Member
4 0 0

Hi!

I am adding the shopify review app to my site, but when I put the code where it's supposed to be, it follows the width of the product description. I would like it to be like a different section under the product photo and description area, so that it has the width of the entire page instead of a column.

Here's what the code looks like (it's at the very bottom of my liquid template)

 <div class="product-single__description rte" itemprop="description">
            {% include 'tabbed-description' %}
          <div>

</div>
             <div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>


Thanks!

0 Likes
Shopify Expert
2676 65 667

Try putting the reviews div above the following code:

    {% if collection %}
      <hr class="hr--clear">

 

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
0 Likes
New Member
4 0 0

There is only <hr class="hr--small">

There is also no {% if collection %} in the html.

0 Likes
New Member
4 0 0

Edit: I fixed it!!! I added more </div> tags until it "closed" all divs from the beginning of the code. Then I added the code for the reviews. They're now full width. :)

0 Likes
New Member
1 0 0

Can you send the whole code and instruction on where to put it to increase the width of reviews section. tia

0 Likes
New Member
1 0 0

Please can you send the exact code you used? and where you placed the code?

0 Likes