Gift Wrap

Author	« Topic »	Page: of 2
Phil ECT Moderator United Kingdom 7680 Posts	Posted - 11/28/2020 : 09:05:43 If you need it displaying on the product page as well as the detail page let me know * Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback
Jolly-Martian Advanced Member United Kingdom 218 Posts Pre-sales questions only (More Details...)	Posted - 11/28/2020 : 09:06:42 Phil, excellent, this works great, everyone should use this to draw attention to products. I have done an edit in photoshop, and like the idea of a rectangle overlay on to top part of the image, what css script would I use to achieve this? [img]https://i.paste.pics/4a4c20f85a97913f2f9354d3f540acf2.png[/img] Jason
Jolly-Martian Advanced Member United Kingdom 218 Posts Pre-sales questions only (More Details...)	Posted - 11/28/2020 : 09:16:55 Phil, You are so helpful, I can see why your reviews for your https://www.bettapages.com/ support/services are all 5 star :) I have edited an image below of how I want the product pages to look like, what do I do to achieve this? [img]https://i.paste.pics/ee3c02a510c7c15e6b5c19aa210325ff.png[/img] Jason
Phil ECT Moderator United Kingdom 7680 Posts	Posted - 11/28/2020 : 09:17:03 Try this for the detail page - replacing the existing with .giftwrap div.detailimage::after {content: 'GIFT WRAP OPTION'; position: absolute; font: 14px Arial,sans-serif; letter-spacing: 3px; left: 6px; top: 80px; color:#fff; background:#FF0000; padding:10px 8px; opacity:0.7; z-index:10; -webkit-appearance: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } * Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback Edited by - Phil on 11/28/2020 09:21:14
Phil ECT Moderator United Kingdom 7680 Posts	Posted - 11/28/2020 : 09:20:49 For the product page add the following .giftwrap div.prodimage{ position:relative; } .giftwrap div.prodimage::after {content: 'Free Gift Wrapping At Checkout'; position: absolute; font: 14px Arial,sans-serif; letter-spacing: 3px; left: 30px; top: 40px; color:#fff; background:#FF0000; padding:10px 8px; opacity:0.7; z-index:10; -webkit-appearance: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } * Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback Edited by - Phil on 11/28/2020 09:26:18
Jolly-Martian Advanced Member United Kingdom 218 Posts Pre-sales questions only (More Details...)	Posted - 11/28/2020 : 09:33:51 Hi Phil, Thanks, looks great [img]https://i.paste.pics/4882cb854ae0b410f0eaaa5835f7883f.png[/img] Lastly, how do i change the text in the checkout to be a red colour and change the test to say "Click here to add FREE Gift Wrap and message" [img]https://i.paste.pics/6572c1f6155970f6f206eeeeba2e02ce.png][/img] Jason Edited by - Jolly-Martian on 11/28/2020 09:34:22
Phil ECT Moderator United Kingdom 7680 Posts	Posted - 11/28/2020 : 09:38:31 Take a look in my earlier post. That's explained there. * Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback
Jolly-Martian Advanced Member United Kingdom 218 Posts Pre-sales questions only (More Details...)	Posted - 11/28/2020 : 09:47:55 Hi Phil, I have seen the post, ive added this to my includes: $xxGWrAva='*CLICK HERE TO ADD FREE GIFT WRAPPING & 50 WORD MESSAGE PRINTED ON A FREE GIFT CARD'; How do I change the colour to a red colour so it stands out? Jason
Jolly-Martian Advanced Member United Kingdom 218 Posts Pre-sales questions only (More Details...)	Posted - 11/28/2020 : 09:57:47 I added this: $xxGWrAva='<p class="auto-style1">*CLICK HERE TO ADD FREE GIFT WRAPPING & 50 WORD MESSAGE PRINTED ON A FREE GIFT CARD'</p>; But it didn't work Jason Edited by - Jolly-Martian on 11/28/2020 09:58:08
Phil ECT Moderator United Kingdom 7680 Posts	Posted - 11/28/2020 : 10:24:28 You need to remove that styling from the includes because that text has it's own class. Just add this to your style.css file div.giftwrap a {color: #ff0000; font-weight:bold;} * Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback Edited by - Phil on 11/28/2020 10:27:24
Phil ECT Moderator United Kingdom 7680 Posts	Posted - 11/29/2020 : 02:49:46 Maybe centre the gift wrap message on the product pages by changing left: 6px; to left: 25px; .giftwrap div.prodimage::after {content: 'FREE GIFT WRAPPING'; position: absolute; font: 14px Arial,sans-serif; letter-spacing: 3px; left: 6px; top: 5px; color:#fff; background:#FF0000; padding:4px 8px; opacity:0.7; z-index:10; -webkit-appearance: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } * Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback
Page: of 2	« Topic »