Jump to content

Recommended Posts

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.

 

Edited by JcMagpie

 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

As allways thankyou for your feedback @raiwa . I wish I had the spare time to pay as much attention as you have.

 

Edited by JcMagpie

 

Share this post


Link to post
Share on other sites
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
      <!-- 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 😅

Edited by raiwa

Share this post


Link to post
Share on other sites

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

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.

Share this post


Link to post
Share on other sites
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 😂


:heart: osCommerce

I am using osCommerce version 2.3.4.1 CE  Frozen

Get the latest Responsive osCommerce CE (community edition) here

 

Share this post


Link to post
Share on other sites
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.

Edited by JcMagpie

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×