♥JcMagpie Posted February 16, 2019 Share Posted February 16, 2019 JcM Promotions Modal Box V1.0 A simple add-on to let you add a Promotions Modal button onto your site. It’s a no core code change and no db change add-on. It will give you a tabbed modal with 4 tabs. These are totally customisable by you in admin. You use them as you like just change the text and content in admin. For the body of the modal simply use which ever html editor you are happy using and build you page. Then simply copy everything between the <body></body> tags and dump it into the box provided in admin. Just remember to make your page responsive as this is for CE Bootstrap. That’s all you need to do to add a new promotion. You can set up all 4 and select which are displayed by simply removing the tab name to the last 3 tabs, if it’s empty that tab is not shown. Each tab also has a linked button associated with it so you can add a link to the page or site on which the offer is. Even if you don’t like getting into html you can use this to display promotional material like leaflets or flyers produced by the brands or manufacturers this can be a quick and easy way to get offers onto your website. The button class and text can also be changed in admin. You can also add css to make the button pop if you like. BS4 version has a hart beat to the button to turn it of just comment out the css in template file. Here are some simple samples you can use to add content to the modal. CE BS3, Add a simple flyer to the Modal. <img class="img-responsive" src="images/Australian-Fashion-Labels-Sample-Sale.jpg" alt="special offers"> Add text and image to Modal <body> <div style="text-align: center; color: red;">Today's Special Offer 4</div> <div style="text-align: center;">The Galaxy S9 and S9+ are packed with incredible features to help you do more than you ever imagined. With a revolutionary camera that adapts like the human eye, get ready to capture your world like never before. <br> <img class="img-responsive" src="images/galaxy-s9TITANIUM.jpg" alt="special offers" > </div> <br> </body> CE BS4, Add a simple flyer to the Modal. <img class="img-fluid" src="images/Australian-Fashion-Labels-Sample-Sale.jpg" alt="special offers"> Add text and image to Modal <body> <div style="text-align: center; color: red;">Today's Special Offer 4</div> <div style="text-align: center;">The Galaxy S9 and S9+ are packed with incredible features to help you do more than you ever imagined. With a revolutionary camera that adapts like the human eye, get ready to capture your world like never before. <br> <img class="img-fluid" src="images/galaxy-s9TITANIUM.jpg" alt="special offers"> </div> <br> </body> Simply copy files over install and turn on. It has been tested on CEBS4 and CE BS3 only. Enjoy. Link to comment Share on other sites More sharing options...
♥raiwa Posted February 16, 2019 Share Posted February 16, 2019 <body> tag is incorrect it should be <modal-body> more than one <body> tag in a html page throws html validation errors. https://www.w3schools.com/bootstrap/bootstrap_modal.asp Viewing the html source of your demo stores, it seems you have the same error in all your modal add-ons. About Me: http://www.oscommerce.com/forums/user/249059-raiwa/ Need help? How To Get The Help You Need Is your version of osC up to date? You'll find the latest osC community version CE Phoenix here. Public Phoenix Change Log Cheat Set on Google Sheets Link to comment Share on other sites More sharing options...
♥JcMagpie Posted February 16, 2019 Author Share Posted February 16, 2019 As allways thankyou for your feedback @raiwa . I wish I had the spare time to pay as much attention as you have. Link to comment Share on other sites More sharing options...
♥JcMagpie Posted February 16, 2019 Author Share Posted February 16, 2019 17 minutes ago, raiwa said: <body> tag is incorrect it should be <modal-body> Perhaps if you bothered to actually read the instruction you might understand a bit better. Also seeing that you took such umbrage at me simply posting a like in your support thread you may wish to consider what you post in mine? But then perhaps the same rules don't apply to you! 😊 Never mind it's ok keep posting it all help's plus I have thick skin. 😂 Link to comment Share on other sites More sharing options...
♥raiwa Posted February 16, 2019 Share Posted February 16, 2019 <!-- Modal content--> <div class="panel-body text-left"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">About Us</h4> </div> <div class="modal-body"> <body> <!-- Place your About us text below this--> And I'll go to have a coffee now, I don't drink beer 😅 About Me: http://www.oscommerce.com/forums/user/249059-raiwa/ Need help? How To Get The Help You Need Is your version of osC up to date? You'll find the latest osC community version CE Phoenix here. Public Phoenix Change Log Cheat Set on Google Sheets Link to comment Share on other sites More sharing options...
♥JcMagpie Posted February 16, 2019 Author Share Posted February 16, 2019 So rather than read the instruction you continue with your silly games! that's ok keep doing it it only show your own short commings. Have a nice strong one on cheers 😂 Link to comment Share on other sites More sharing options...
♥raiwa Posted February 16, 2019 Share Posted February 16, 2019 there is no <modal-body> tag to find in all your files or instructions. But if you are happier, I will not post any more, in my opinion, constructive feedback on your add-ons. I promise. Have a nice day. About Me: http://www.oscommerce.com/forums/user/249059-raiwa/ Need help? How To Get The Help You Need Is your version of osC up to date? You'll find the latest osC community version CE Phoenix here. Public Phoenix Change Log Cheat Set on Google Sheets Link to comment Share on other sites More sharing options...
Rwe Posted February 16, 2019 Share Posted February 16, 2019 47 minutes ago, JcMagpie said: I wish I had the spare time to pay as much attention as you have. Seeing your activity on this forum it makes me think you only have spare time 😂 Link to comment Share on other sites More sharing options...
♥JcMagpie Posted February 16, 2019 Author Share Posted February 16, 2019 44 minutes ago, Rwe said: Seeing your activity on this forum it makes me think you only have spare time 😂 Gald to give you somthing to giggle about hope it makes your day 😊, you can all group up and do your worst! It will not matter as HDPL has given his consent so what you say or think is of no consequences. As long as he is happy for ordinary users to post add-on's I will continue to do so. have a wonderful weekend I know I will. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.