Paul_Wille Posted March 6 Share Posted March 6 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 Link to comment
Paul_Wille Posted March 7 Author Share Posted March 7 No one on this? I tried a lot but didn't find a solution 😕 Thanks again! Paul Link to comment
tuanphan Posted March 9 Share Posted March 9 Hi, This is possible with some JS code, I used to help a member to achieve this. Before checking the code, I want to confirm, this is exact layout you want to add (3 text with 3 icons above), or you want something different? 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
Paul_Wille Posted March 18 Author Share Posted March 18 Hey, this layout is what we are looking for! Thanks for your help @tuanphan!! Best, Paul Link to comment
tuanphan Posted March 21 Share Posted March 21 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> Result 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
Paul_Wille Posted March 26 Author Share Posted March 26 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 ! Link to comment
tuanphan Posted March 29 Share Posted March 29 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 ! 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
Paul_Wille Posted April 8 Author Share Posted April 8 just another Product, but same problem 😉 https://www.bottegajacobs.com/shop-all/p/metal-statue-from-italy-handmade-figure-mid-century-design-1970s Link to comment
Paul_Wille Posted April 8 Author Share Posted April 8 But would it be possible to change the Logos by myself in the future? Link to comment
tuanphan Posted April 10 Share Posted April 10 On 4/8/2024 at 2:58 PM, Paul_Wille said: just another Product, but same problem 😉 https://www.bottegajacobs.com/shop-all/p/metal-statue-from-italy-handmade-figure-mid-century-design-1970s Add this code to Website > Website Tools > Custom CSS @media screen and (min-width:768px) { .info-block-content { min-width: 200px; } } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment