Changeset 2939992

Timestamp:

07/18/2023 04:06:34 PM (3 years ago)

Author:

wpfound

Message:

Add countdown timer of product archive page

Location:

wpf-product-countdown-timer

Files:

• assets/screenshot-5.png (added)
• tags/1.1.3 (deleted)
• tags/1.1.4 (added)
• tags/1.1.4/assets (added)
• tags/1.1.4/assets/css (added)
• tags/1.1.4/assets/css/style.css (added)
• tags/1.1.4/assets/js (added)
• tags/1.1.4/assets/js/campaign-timer.js (added)
• tags/1.1.4/index.php (added)
• tags/1.1.4/readme.txt (added)
• tags/1.1.4/wpf-product-countdown-timer.php (added)
• trunk/assets/css/style.css (modified) (5 diffs)
• trunk/assets/js (added)
• trunk/assets/js/campaign-timer.js (added)
• trunk/readme.txt (modified) (3 diffs)
• trunk/wpf-product-countdown-timer.php (modified) (7 diffs)

wpf-product-countdown-timer/trunk/assets/css/style.css

@@ -1 +1 @@
 .wpfound_countdown_wrap {
-    margin: 30px 0;
+    margin: 30px 0 16px;
+
 }
+
 .wpfound_countdown_timer {
     display: flex;
@@ -9 +11 @@
     background: #1f1e1e;
     color: #fff;
-    width: 60px;
-    height: 55px;
+    width: 55px;
+    height: 50px;
     display: flex;
     align-items: center;
@@ -33 +35 @@
     display: inline-block;
     margin-bottom: 15px;
-    font-size: 18px;
+    font-size: 16px;
     font-weight: 700;
     color: red;
@@ -39 +41 @@
 
 .wpf-product-progress-bar-container {
-    margin-bottom: 15px;
+    margin-bottom: 20px;
 
 }
@@ -57 +59 @@
 
 }
+
+.offer-title {
+    margin-bottom: 12px;
+
+}
+
+/*========================
+Product page
+========================*/
+/* .wpfund-product-page-timer-wrap .wpfound_countdown_timer .date {
+    background: none;
+    color: #212121;
+    width: 50px;
+    height: 50px;
+    font-size: 18px;
+    border-radius: 50%;
+    border: 1px solid #ececec;
+} */
+
+.wpfund-product-page-timer-wrap .wpfound_countdown_wrap {
+    margin: 15px 0;
+}
+
+.wpfund-product-page-timer-wrap p {
+    margin-bottom: 12px;
+
+}
+
+.wpfund-product-page-timer-wrap {
+    text-align: center;
+    padding: 15px 0;
+
+}
+
+.wpfund-product-page-timer-wrap .woo-sctr-progress-bar-message {
+    font-size: 15px;
+    margin-top: 2px;
+}

wpf-product-countdown-timer/trunk/readme.txt

@@ -3 +3 @@
 Donate link: https://github.com/ariful93/wpf-product-countdown-timer
 Tags: woocommerce, products, sales, countdown, timer
-Requires at least: 6.1
-Tested up to: 5.8
-WC requires at least: 7.8.1
-WC tested up to: 5.5.2
-Requires PHP: 7.4
-Stable tag: 1.1.3
+Requires at least: 5.4
+Tested up to: 6.2.2
+WC requires at least: 5.0.0
+WC tested up to: 7.8.0
+Requires PHP: 7.2
+Stable tag: 1.1.4
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -24 +24 @@
 * Choose the time and date from the visual calendar
 * Allow setting separate time & date range
-* Enable/disable progress bar
+* Enable/disable product sold progress bar
 * Add progress bar of the product sold in single page
+* Add product sold progress product archive page
+* Add countdown timer product archive page
 
 == Installation ==
@@ -40 +42 @@
 3. Timer Settings
 4. Frontend Veiw
+4. Frontend Product Archive Veiw
 
 

wpf-product-countdown-timer/trunk/wpf-product-countdown-timer.php

@@ -6 +6 @@
  * Author:            WPFound
  * Author URI         https://github.com/ariful93
- * Version:           1.1.3
+ * Version:           1.1.4
  * License:           GPL v2 or later
  * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
@@ -88 +88 @@
         add_action( 'woocommerce_process_product_meta', [ $this, 'wpfpct_countdown_timer_save_fields' ] );
         add_action( 'woocommerce_single_product_summary', [ $this, 'wpfpct_display_countdown_timer' ], 20);
-        add_action( 'wp_enqueue_scripts', array( $this, 'wpfpct_load_enqueue' ) );
+        add_action( 'woocommerce_after_shop_loop_item', [ $this, 'wpfpct_product_shop_loop_timer' ] );
+        add_action( 'wp_enqueue_scripts', [ $this, 'wpfpct_load_enqueue' ] );
     
     }
@@ -178 +179 @@
     }
 
+    public function wpfpct_product_shop_loop_timer() {
+        global $product;
+
+        $wpfound_date_range         = $product->get_meta( 'wpfound_date_range', true );
+        $wpfound_date_time          = $product->get_meta( 'wpfound_date_time', true );
+        $wpfound_timer_heading_text = $product->get_meta( 'wpfound_timer_heading_text', true );
+        $wpfound_enable_timer       = $product->get_meta( 'wpfound_enable_timer', true );
+        $wpfound_enable_progress_bar       = $product->get_meta( 'wpfound_enable_progress_bar', true );
+       
+        $total_sold = $product->get_total_sales();
+        $total_stock = $product->get_stock_quantity();
+
+        if ( $total_stock > 0 ) {
+            $sold_percentage = $total_sold / $total_stock * 100;
+        }
+
+        ?>
+           <?php if ( 'yes' === $wpfound_enable_timer && ! empty( $wpfound_date_range ) ) {
+               ?> 
+              
+               <div class="wpfund-product-page-timer-wrap">
+
+                    <p><?php echo esc_html( $wpfound_timer_heading_text ); ?></p>
+
+                    <div class="wpfound_shop_page_timer" data-date-range="<?php echo esc_attr( $wpfound_date_range .' '. $wpfound_date_time ); ?>"></div> 
+
+                    <?php if ( 'yes' === $wpfound_enable_progress_bar ) { ?>
+                        <div class="wpf-product-progress-bar-container">
+                            <div class="wpf-product-progress-bar-wrap">
+                                <div class="wpf-product-progress-bar-fill" style="width:<?php echo floor( $sold_percentage ); ?>%"></div>
+                            </div>
+                            <div class="woo-sctr-progress-bar-message"><?php echo $total_sold . '/' . $total_stock;  ?> sold</div>
+                            
+                        </div>
+                    <?php } ?>
+                </div>
+               <?php
+           } ?>
+
+        <?php
+        
+    }
+
+
     /**
      * Display Data Showing Function
@@ -203 +248 @@
            <?php if ( 'yes' === $wpfound_enable_timer && ! empty( $wpfound_date_range ) ) {
                ?> 
-                <p id="wpfound_view_timer"></p>
+                <div id="wpfound_view_timer"></div>
                 <?php if ( 'yes' === $wpfound_enable_progress_bar && $total_stock !== NULL ) { ?>
                     <div class="wpf-product-progress-bar-container">
@@ -214 +259 @@
                 <?php } ?>
                 
-                
-
                 <script>
                     window.onload = () => {
@@ -233 +276 @@
                                 getTimerViewId.innerHTML = 
                                     `<div class="wpfound_countdown_wrap">
-                                        <p><?php echo esc_html( $wpfound_timer_heading_text ); ?></p>
+                                        <p class="offer-title""><?php echo esc_html( $wpfound_timer_heading_text ); ?></p>
                                     
                                         <div class="wpfound_countdown_timer">
@@ -279 +322 @@
 
         wp_enqueue_style( 'wpfound-countdown-timer-style', WPFPCT_ASSETS . '/css/style.css' );
+
+        wp_enqueue_script( 'wpfound-campaign-timer-script', WPFPCT_ASSETS . '/js/campaign-timer.js', array('jquery'), '1.0', true );
         
     }