Snippets

Keetrax Kee Subscriptions Theme Tweak (Bootstrap 4)

Updated by Fairnia
View revision

File keesubscriptions.template.html Modified

  • Ignore whitespace
  • Hide word diff 
 <!-- Kee Subscriptions pricing -->
 [%extra_options id:'[@SKU@]'%]
   [%PARAM *select_option%]
-  [%if [@name@] eq 'Auto-delivery'%]
-  <div class="row">
+  [%if [@name@] eq 'Auto-delivery' or [@name@] eq 'Auto Delivery' or [@name@] eq 'Auto-Delivery'%]
   <div class="auto-delivery col my-3 px-0">
     <div class="auto-delivery-wrapper card card-body">
       <div class="row">
         </div>
         <div class="col-4 col-sm-3 text-right">
           <span class="as-low">As low as:<br /></span>
-          <h1 class="ad-price productpricetext"></h1>
+          <span class="ad-price productpricetext h1"></span>
         </div>
       </div>
       <p class="ad-select-sect">
       <div class="ad-about">
 
         <a role="button" data-toggle="collapse" href="#ad-explain" aria-expanded="false" aria-controls="ad-explain-heading" class="collapsed">
-          <span class="fa-stack ">
+          <span class="fa-stack" style="color:#989898;">
             <i class="fa fa-circle fa-stack-2x"></i>
             <i class="fa fa-info fa-stack-1x fa-inverse"></i>
           </span>
-          <span style="text-decoration: underline;">How auto delivery works.</span>
+          <span style="text-decoration: underline; color:#989898;">How auto delivery works.</span>
         </a>
 
         <div id="ad-explain" class="panel-collapse collapse p-3" role="tabpanel" aria-labelledby="ad-explain-heading">
 (function(){
 
   var settings = {
-    autoSelect: true
+    autoSelect: false
   };
 
   // Don't initialize twice
Updated by Fairnia
View revision

File keesubscriptions.template.html Modified

  • Ignore whitespace
  • Hide word diff 
   [%PARAM *select_option%]
   [%if [@name@] eq 'Auto-delivery'%]
   <div class="row">
-  <div class="auto-delivery col my-3">
+  <div class="auto-delivery col my-3 px-0">
     <div class="auto-delivery-wrapper card card-body">
       <div class="row">
-        <div class="col-md-4 col-sm-5 col-9">
-          <h3><i class="fa fa-undo fa-flip-vertical" style="padding-right:5px;"></i> Auto Delivery</h3>
-          <span class="d-inline-block d-sm-none ad-save badge badge-success">Save $<span class="ad-discount"></span> every time</span>
+        <div class="col-md-4 col-sm-5 col-8">
+          <h3><i class="fa fa-undo fa-flip-vertical pr-1"></i> Auto Delivery</h3>
+          <span class="d-sm-none ad-save badge badge-success mobile-save">Save $<span class="ad-discount"></span> every time</span>
         </div>
-        <div class="col-md-5 col-4 d-sm-block d-none">
+        <div class="col-md-5 col-4 d-sm-block d-none desktop-save">
           <span class="ad-save badge badge-success">Save $<span class="ad-discount"></span> every time</span>
         </div>
-        <div class="col-3 text-right">
+        <div class="col-4 col-sm-3 text-right">
           <span class="as-low">As low as:<br /></span>
           <h1 class="ad-price productpricetext"></h1>
         </div>
Updated by Fairnia
View revision

File keesubscriptions.template.html Modified

  • Ignore whitespace
  • Hide word diff 
 
     for (i = 0; i < choices.length; i++) {
       if(i > 0 && choices[i] > 0){
-        var discountPercent = (choices[i]/currentPrice).toFixed(2) * 100;
+        var discountPercent = Number((choices[i]/currentPrice * 100).toFixed(2));
         adSelect.options[i].innerHTML += ' (save ' + discountPercent + '%)';
       }
Updated by Fairnia
View revision

File keesubscriptions.template.html Modified

  • Ignore whitespace
  • Hide word diff 
   [%if [@name@] eq 'Auto-delivery'%]
   <div class="row">
   <div class="auto-delivery col my-3">
-    <div class="auto-delivery-wrapper panel panel-default panel-body">
+    <div class="auto-delivery-wrapper card card-body">
       <div class="row">
         <div class="col-md-4 col-sm-5 col-9">
           <h3><i class="fa fa-undo fa-flip-vertical" style="padding-right:5px;"></i> Auto Delivery</h3>
Updated by Fairnia
View revision

File keesubscriptions.template.html Modified

  • Ignore whitespace
  • Hide word diff 
       autodeliveryMsg = document.createElement('div');
       autodeliveryMsg.classList.add('npopup-body', 'auto-delivery-msg', 'p-3');
 
-      // var npopupDiv = document.querySelector('.nactivity');
       var npopupDiv = document.querySelector('.npopup');
       npopupDiv.appendChild(autodeliveryMsg);
     }
  2. 1
  3. 2
  4. 3
  5. 4
HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.