Jump to content
Our Partners

Archived

This topic is now archived and is closed to further replies.

JcMagpie

Support thread for JcM Promotions Modal Box V1.0

By JcMagpie, in osCommerce Online Merchant Community Bootstrap Edition

Recommended Posts

♥JcMagpie    1,689

JcMagpie
Posted

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.

 

 

Share this post

Link to post
Share on other sites

♥raiwa    1,271

raiwa
Posted

<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://forums.oscommerce.com/user/249059-raiwa/

Share this post

Link to post
Share on other sites

♥JcMagpie    1,689

JcMagpie
Posted
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. 😂

 

Share this post

Link to post
Share on other sites

♥raiwa    1,271

raiwa
Posted 
      <!-- Modal content-->
       <div class="panel-body text-left">
         <div class="modal-content">
           <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</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://forums.oscommerce.com/user/249059-raiwa/

Share this post

Link to post
Share on other sites

♥JcMagpie    1,689

JcMagpie
Posted

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 😂

 

Share this post

Link to post
Share on other sites

♥raiwa    1,271

raiwa
Posted

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://forums.oscommerce.com/user/249059-raiwa/

Share this post

Link to post
Share on other sites

Rwe    35

Rwe
Posted
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 😂

 

 

Share this post

Link to post
Share on other sites

♥JcMagpie    1,689

JcMagpie
Posted
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.

 

Share this post

Link to post
Share on other sites
Go To Topic Listing osCommerce Online Merchant Community Bootstrap Edition
×