Jump to content

Same Text and Logo under every Product description

Recommended Posts

Hi & thanks for your help.

My site: www.bottegajacobs.com

.PW: agrrgsqw4494sghon0(0hsnv0)

 

I would like to attach the same text to each product page without having to write it in each product, so that I can change it in bulk. I have visualized this with Photoshop and would be grateful for help @ css

Thanks, Paul

image.thumb.png.4489bd7b58641d8351bbb6e1571515a9.png

 

Link to comment
  • Replies 10
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
On 3/18/2024 at 8:41 PM, Paul_Wille said:

Hey, this layout is what we are looking for!

 

Thanks for your help @tuanphan!!

 

Best, Paul

You can use this code to Website > Website Tools > Code Injection > Footer (or Store Page Code Injection)

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
  $('<div class="info-block"><div class="info-block-content"><i class="fa-solid fa-earth-americas"></i><p>Shipping worldwide</p></div><div class="info-block-content"><i class="fa-solid fa-rotate-left"></i><p>14 days return</p></div> <div class="info-block-content"><i class="fa-solid fa-lock"></i><p>100% secure payment</p></div></div>').insertBefore('.sqs-add-to-cart-button-wrapper');
})
</script>
<style>
.info-block {
    display: flex;
    justify-content: center;
    text-align: center;
}
</style>

image.thumb.png.d3e43475246144d2eb4ec502ba76e662.png

Result

image.png.c9ec20a97510f29d1538908c7f6b719d.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 3/26/2024 at 10:55 PM, Paul_Wille said:

Hey and Thanks!

 

in the moment it looks like this! Can i change the size of the logos and make the text in Two rows and change the text?

 

Best, Paul

 

image.thumb.png.a803aabe297c41c82e7de263e27d98f0.png!

Can you share link to this product?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
On 4/8/2024 at 2:58 PM, Paul_Wille said:

Add this code to Website > Website Tools > Custom CSS

@media screen and (min-width:768px) {
.info-block-content {
    min-width: 200px;
}
}

image.png.ef6955751b10de788ea7218914678570.png

On 4/8/2024 at 2:59 PM, Paul_Wille said:

But would it be possible to change the Logos by myself in the future?

You mean change 3 icons? Here I used Fontawesome Icons, if you want to use custom image, I will need to write a new code.

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.