adding an image to the product page supply theme

New Member
3 0 0

Hi, I've been trying to add a small image on the right hand side of the product page. I added the image to the assets folder. I then added the code below under the line 97 -    

 

<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">

 

<div class="clearfix" itemprop="offers" itemscope itemtype=";"http://test.com">
<a href="https://test.com" style="display: block; float: right;">
<img src="{{ 'satisfaction_guaranteed.png' | asset_url }}">
</a>

 

I have used the code above but the product description which has been set to full width also changes and aligns back to the right side of the page. How do i add this code but stop it from moving the product description.

 

Please help!

 

0 Likes
Shopify Expert
2461 414 519

Hi @AM212 

As per your given code you have added wrong code may be thats why its massed up on page.

try to change bellow code:

<div class="clearfix" itemprop="offers" itemscope itemtype=";"http://test.com">

To 

<div class="clearfix" itemprop="offers" itemscope itemtype="http://test.com">
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
3 0 0

Hi @Jasoliya 

 

Thanks for your reply. Your suggestion did not work.

 

SO, initially i added the code below onto  LINE 207-208 - This adjusted my description text to full width under the product image.

 

LINE 207</div>
LINE 208<div class="grid-item large--one-whole">

LINE 209 <div class="product-description rte" itemprop="description">

 

NOW, when i add the code the new code onto LINE 98 my description text goes back to normal and is aligned to the right side of the page again.

 

LINE 97 <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">

LINE 98 <div class="clearfix" itemprop="offers" itemscope itemtype="http://test.com">
LINE 99 <a href="https://test.com" style="display: block; float: right;">
LINE 100 <img src="{{ 'satisfaction_guaranteed.png' | asset_url }}">
LINE 101 </a> 

 

 

I hope you or anyone can help!

 

0 Likes
Shopify Expert
2461 414 519

You have closed those tag ? 

<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
   <div class="clearfix" itemprop="offers" itemscope itemtype="http://test.com">
     <a href="https://test.com" style="display: block; float: right;">
       <img src="{{ 'satisfaction_guaranteed.png' | asset_url }}">
    </a> 

Like that:

<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
   <div class="clearfix" itemprop="offers" itemscope itemtype="http://test.com">
     <a href="https://test.com" style="display: block; float: right;">
       <img src="{{ 'satisfaction_guaranteed.png' | asset_url }}">
    </a> 
</div>
</div>

Or send me store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
New Member
3 0 0
Hi

Yes the tags are closed correctly.
0 Likes