Adding same text to appear for all products on product details page

I'm trying to add some common text to the Product Details page that appears for every product.  I could add the text manually in the product description or additional Info on every product record, but hopefully there's a way to add it once somewhere in the code so that it appears at the end of the product additional info automatically.

Thank you in advance

I think we need to inject it by code, what is your site url and your text needed to be added?

Hey thanks  bangank36...

Website is :https://www.blaiserubyloves.co.uk/shop/p/mansur-gavriel-beige-tote

Password: buster

The text I want for every product is the part that starts with "For more on this bag.....".  At the moment i have to type that into every product description

6 hours ago, PeterWard said:

Hey thanks  bangank36...

Website is :https://www.blaiserubyloves.co.uk/shop/p/mansur-gavriel-beige-tote

Password: buster

The text I want for every product is the part that starts with "For more on this bag.....".  At the moment i have to type that into every product description

You may need js to help with, modify it at your will and place it in Advanced->Custom code injection

<script>
var addedText = '<p class="" style="white-space:pre-wrap;"><em>For more on this bag head to @blaiserubyloves instagram for more in depth videos and pictures of this bag and others, where you will see more on condition, imagery of the bag and styling tips.&nbsp;</em></p>';
document.addEventListener('DOMContentLoaded', function() {
    if ( document.querySelector(".ProductItem-details-excerpt") ) {
        document.querySelector(".ProductItem-details-excerpt").insertAdjacentHTML("beforeend", addedText);
    }
});
</script>

Thats brilliant.  Thanks bangank36.. On the mark

On 11/4/2020 at 7:32 PM, PeterWard said:

Thats brilliant.  Thanks bangank36.. On the mark

Some feedback for your site, hope it useful

I see on product page, it shows number (1/3), you can consider adding a slideshow arrows, users can easily navigate to view more pictures

You can add this to Home > Design > Custom CSS to achieve this.

/* Arrow slide */
/* Product slide arrows control */
@media screen and (max-width:767px) {
.ProductItem-gallery-carousel-controls {
    display: flex !important;
}
/* arrows background */
.ProductItem-gallery-carousel-controls * {
    background: white;
}
.ProductItem-gallery-carousel-controls>div {
    justify-content: center !important;
}
.ProductItem .ProductItem-gallery-carousel-controls>div::after, .ProductItem .ProductItem-gallery-carousel-controls>div::before {
    border-color: black !important;
}
}

Also, the product page has very long content, you can add a back to top button, it would be better.

Eg this page. https://www.blaiserubyloves.co.uk/shop/designers

You can follow this guide to add one.

this is really helpful. Is there a way to add the text only to digital products?

39 minutes ago, violetcraft said:

this is really helpful. Is there a way to add the text only to digital products?

Can you share your site URL with the digital products so we can take a look?

3 hours ago, bangank36 said:

Can you share your site URL with the digital products so we can take a look?

Yes! I would love to add one set of text to all physical products and a second set to all digital products.

https://www.violetcraft.com/