Add icon ( Small logo ) item product description block

Hi @tuanphan Thank you so so much for the code. It's been incredible helpful. 

I'm just having some problems with the mobile sizes. Normally they look ok under the text, but once the screen becomes smaller the icons become huge. 

Was wondering if there is a way of making them smaller in mobile as well?

7 hours ago, 3ACOM said:

Hi @tuanphan Thank you so so much for the code. It's been incredible helpful. 

I'm just having some problems with the mobile sizes. Normally they look ok under the text, but once the screen becomes smaller the icons become huge. 

Was wondering if there is a way of making them smaller in mobile as well?

 

Can you share link to page in screenshot? We canhelp easier

Hi @tuanphan,
I'm looking to move the 'Additional Info' area under the Add to Cart button but am not having luck with the above listed code(s). I am working in 7.0... Can you have a look?

https://pineapple-cube-b4yy.squarespace.com/
pwrd: Jayce2.0

On 4/1/2021 at 9:55 PM, Agentsie said:

Hi @tuanphan,
I'm looking to move the 'Additional Info' area under the Add to Cart button but am not having luck with the above listed code(s). I am working in 7.0... Can you have a look?

https://pineapple-cube-b4yy.squarespace.com/
pwrd: Jayce2.0

Hi. Sorry for the delay. Can you share link to product in screenshot? We can check code easier

On 10/12/2020 at 5:45 AM, tuanphan said:

Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script>
 jQuery(document).ready(function($) { 
	$('section.ProductItem-additional .code-block').insertAfter(".sqs-add-to-cart-button-wrapper"); 
 }); 
 </script>

 

Hi @tuanphan I used the above code to move 5 icons to just above the 'Add to Cart' Button. It worked! However, I was wondering if you have any suggestions to reduce the size and have them appear in one single line/row?

URL: https://west42.squarespace.com/shop/p/style-01-j8hkz-dbh9x-5ze5z-c5x8r-tfdck-96853-xcagf-ez9te-pxp79

PW: WestFortySecond

On 5/13/2022 at 8:47 AM, studiodelphine said:

Hi @tuanphan I used the above code to move 5 icons to just above the 'Add to Cart' Button. It worked! However, I was wondering if you have any suggestions to reduce the size and have them appear in one single line/row?

URL: https://west42.squarespace.com/shop/p/style-01-j8hkz-dbh9x-5ze5z-c5x8r-tfdck-96853-xcagf-ez9te-pxp79

PW: WestFortySecond

Hi,

First you need to add 5 images code into 1 Code Block.

Then I will give the code to achieve this.

Hi!

I'm trying to do this. The last bit of code kinda works but I hoping to move it about the quantity button and make it smaller .

Thank you!

screen shot attached

On 11/2/2022 at 4:16 PM, Hayley_Sam said:

Hi!

I'm trying to do this. The last bit of code kinda works but I hoping to move it about the quantity button and make it smaller .

Thank you!

screen shot attached

 

 

If you share link to page in screenshot, we can check easier

Hi!

I'm trying to do this. The last bit of code kinda works but I hoping to move it about the quantity button and make it smaller .

Thank you!

screen shot attached

Thank you. 

I just can't share the link as I work for someone else and they don't like others poking around the website. 

but I can share a screen shot of the current code I have in there?

12 hours ago, Hayley_Sam said:

Hi!

I'm trying to do this. The last bit of code kinda works but I hoping to move it about the quantity button and make it smaller .

Thank you!

screen shot attached

 

 

Thank you. 

I just can't share the link as I work for someone else and they don't like others poking around the website. 

but I can share a screen shot of the current code I have in there?

 

You can duplicate the site & share url

Or you can set up a test trial template & share link to product

We can help easier

Thank you!

I've just set up a quick website with the product page.

I hope this is enough to go by? 

cod-seabass-lrt6.squarespace.com

password is

vodi

On 11/6/2022 at 1:20 AM, tuanphan said:

You can duplicate the site & share url

Or you can set up a test trial template & share link to product

We can help easier

Hi I have worked out how to get it under the description, but not how to make it smaller. Also with mobile it appears under the heading. Not the description.  

I've just set up a quick website with the product page.

I hope this is enough to go by? 

cod-seabass-lrt6.squarespace.com

password is

vodi

This is the code i'm using

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script>
 jQuery(document).ready(function($) { 
    $('<img src="https://static1.squarespace.com/static/62ccbb05fa012c58af02cfe7/t/636231a8307c0f6bb29205ab/1667379625241/LSC_GoldMedal_2022.png"/>').insertAfter(".ProductItem-details-excerpt"); 
 }); 
 </script>

2 hours ago, Hayley_Sam said:

This is the code i'm using

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script>
 jQuery(document).ready(function($) { 
    $('<img src="https://static1.squarespace.com/static/62ccbb05fa012c58af02cfe7/t/636231a8307c0f6bb29205ab/1667379625241/LSC_GoldMedal_2022.png"/>').insertAfter(".ProductItem-details-excerpt"); 
 }); 
 </script>

Did you solve with this code or still need help?

48 minutes ago, tuanphan said:

Did you solve with this code or still need help?

Yes I still need help please.

I have worked out how to get it under the description, but not how to make it smaller. Also with mobile it appears under the heading. Not the description.  

I've just set up a quick website with the product page.

I hope this is enough to go by? 

cod-seabass-lrt6.squarespace.com

password is

vodi

18 hours ago, Hayley_Sam said:

Yes I still need help please.

I have worked out how to get it under the description, but not how to make it smaller. Also with mobile it appears under the heading. Not the description.  

I've just set up a quick website with the product page.

I hope this is enough to go by? 

cod-seabass-lrt6.squarespace.com

password is

vodi

 

 

Add this to Code Injection, under your code

<style>
  .ProductItem-details-excerpt+img {
    max-width: 150px;
}
  @media screen and (max-width:767px) {
  .ProductItem-details-excerpt+img {
    order: 5;
}
  }
</style>