Brooklyn theme: Moving product descriptions under images?

Highlighted
Tourist
6 0 1

Awesome, it worked!

I have a few apps under the add to cart button. Anyway I can move them under as well?  

Thanks!!

0 Likes
Highlighted
Shopify Expert
2686 67 696

Glad to hear it helped.

As to the apps, it depends on the way they add their code to your page.

Having a look at your site will(may) clarify it.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
Highlighted
New Member
4 0 0

Hi Tim,

I'm so glad I found this thread as I want to do the same thing to my site but I absolutely do not understand the answer you have provided.. as coder I am not.

If you would be so kind and can provide a little more detailed instructions on how to do this for someone like myself, it would be greatly appreciated.

Thank You!

0 Likes
Highlighted
Shopify Expert
2686 67 696

Jonathan, 

the idea is to find that piece of code and change it to be like this:

          {% if section.settings.social_sharing_products %}
            {% include 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product %}
          {% endif %}
        </div>
      </div>
          <div class="product-single__description rte" itemprop="description">
            {{ product.description }}
          </div>

I'd recomend to make a copy of your current theme (by selecting Actions->Duplicate), try this edit in this new copy, look at the result (via Actions->Preview) and put it in production (by clicking Actions->Publish) if you like it.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
Highlighted
New Member
1 0 1

Thank you Tim, this is exactly what I was looking for. However, I am having an issue as now when I scroll down, the product select and add to cart are overlapping the description. Also the text still begins to the right of the photos, I would like the description to start below. Are there any easy fixes for this? I am a newbie with coding, thanks!

 

1 Like
Highlighted
New Member
2 0 0

I'm having the same issue after trying out Tims solve too.

Have you found any solutions to both, the overlapping and the left margin?

 

Thanks,

0 Likes
Highlighted
Tourist
4 0 1

We are having the same issue, so frustrating! Please resolve this Shopify. 

We have successfully moved the social sharing above the description without causing the problem which is great. I want the customers to easily be able to share our links.

Then, we go to move the <div class..description} out and below the </div>'s and our fixed navbar as well as our cart section continue to move down and look terrible. What do we do?!

I think it might have something to do with the div class. Maybe we have to delete that so it is not part of everything else and create some new code, but I am unsure. 

 

Once again, HELP SHOPIFY!

0 Likes
Highlighted
Tourist
4 0 1

Update, 

I have sort of figured out this issue. Probably it will fix your issue, but it does not fully fix mine.

First, you cut and remove the div-class...description as he told you.

Second, you have to also cut the {%if collection...endif%} section because the back button does not move if you do not do so and it will look weird.

Then, you move it to the very bottom of the page after the end schema. I don't know if this creates other issues, but it will partially resolve the issue and the cart section will stop moving. 

 

However, I have a fixed navigation bar. When I scroll down, the navigation bar seems to become transparent and not a fixed white when it hits the add to cart buttons. The overlay is all messed up. How do I further resolve this?

1 Like
Highlighted
New Member
1 0 0

That solved the problem. Thanks..


@Kelsie wrote:

Update, 

I have sort of figured out this issue. Probably it will fix your issue, but it does not fully fix mine.

First, you cut and remove the div-class...description as he told you.

Second, you have to also cut the {%if collection...endif%} section because the back button does not move if you do not do so and it will look weird.

Then, you move it to the very bottom of the page after the end schema. I don't know if this creates other issues, but it will partially resolve the issue and the cart section will stop moving. 

 

However, I have a fixed navigation bar. When I scroll down, the navigation bar seems to become transparent and not a fixed white when it hits the add to cart buttons. The overlay is all messed up. How do I further resolve this?


 

0 Likes
Highlighted
New Member
1 0 0

Hello, many thanks it work perfectly.

 

Is it possible to keep the text within a certain limit in terms of width?

 

I don't want full width - im slowly picking up my coding skills once again.

 

Thank you.

 

i have found a fix.

 

Take this section and place with at around line 207

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

Place within this div class (line 12), towards the very end of the div class

<div class="grid__item large--seven-twelfths medium--seven-twelfths text-center">

Bit of context - this is the end of the div class which I have bolded and underlined. Place within here above the "grid_item product-single__meta--wrapper class.

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

      <div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
        <div class="product-single__meta">
          {% if section.settings.product_vendor_enable %}
            <h2 class="product-single__vendor" itemprop="brand">{{ product.vendor }}</h2>
          {% endif %}

I hope this helps!

0 Likes