Changeset 3187773

Timestamp:

11/13/2024 03:37:29 PM (16 months ago)

Author:

wpcoder75

Message:

added new featured and banner img added v 1.0.1

Location:

nex-button

Files:

• assets/banner-1544x500.png (added)
• assets/screenshot-3.png (added)
• tags/1.0.1 (added)
• tags/1.0.1/css (added)
• tags/1.0.1/css/advanced-button.css (added)
• tags/1.0.1/nex-button.php (added)
• tags/1.0.1/readme.txt (added)
• tags/1.0.1/widgets (added)
• tags/1.0.1/widgets/advanced-button (added)
• tags/1.0.1/widgets/advanced-button/advanced-button.php (added)
• trunk/css/advanced-button.css (modified) (2 diffs)
• trunk/nex-button.php (modified) (1 diff)
• trunk/readme.txt (modified) (2 diffs)
• trunk/widgets/advanced-button/advanced-button.php (modified) (5 diffs)

nex-button/trunk/css/advanced-button.css

@@ -13 +13 @@
   position: relative;
   text-transform: capitalize;
+  outline: none;
 }
 
@@ -61 +62 @@
   color: #15171a;
 }
+
+/* style 3 button  */
+.cb-nex-button-wrapper {
+  &.style-3 {
+    .cb-nex-button {
+      position: relative;
+      border: 2px solid #15171a;
+      &:hover {
+        background: transparent;
+        border-color: #15171a;
+        color: #15171a;
+        .cb-star {
+          opacity: 1;
+          z-index: 2;
+          filter: drop-shadow(0 0 10px #fffdef);
+        }
+        .cb-star-1 {
+          top: -80%;
+          left: -30%;
+        }
+        .cb-star-2 {
+          top: -25%;
+          left: 10%;
+        }
+        .cb-star-3 {
+          top: 55%;
+          left: 25%;
+        }
+        .cb-star-4 {
+          top: 30%;
+          left: 80%;
+        }
+        .cb-star-5 {
+          top: 25%;
+          left: 115%;
+        }
+        .cb-star-6 {
+          top: 5%;
+          left: 60%;
+        }
+      }
+    }
+    .cb-star {
+      position: absolute;
+      z-index: -5;
+      opacity: 0;
+      pointer-events: none;
+      transition: opacity 0.5s ease;
+      filter: drop-shadow(0 0 0 #fffdef);
+
+      &.cb-star-1 {
+        top: 20%;
+        left: 20%;
+        width: 25px;
+        transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);
+      }
+
+      &.cb-star-2 {
+        top: 45%;
+        left: 45%;
+        width: 15px;
+        transition: all 1s cubic-bezier(0, 0.4, 0, 1.01);
+      }
+
+      &.cb-star-3 {
+        top: 40%;
+        left: 40%;
+        width: 5px;
+        transition: all 1s cubic-bezier(0, 0.4, 0, 1.01);
+      }
+
+      &.cb-star-4 {
+        top: 20%;
+        left: 40%;
+        width: 8px;
+        transition: all 0.8s cubic-bezier(0, 0.4, 0, 1.01);
+      }
+
+      &.cb-star-5 {
+        top: 25%;
+        left: 45%;
+        width: 15px;
+        transition: all 0.6s cubic-bezier(0, 0.4, 0, 1.01);
+      }
+
+      &.cb-star-6 {
+        top: 5%;
+        left: 50%;
+        width: 5px;
+        transition: all 0.8s ease;
+      }
+    }
+    .cb-star-icon {
+      fill: #15171a;
+    }
+  }
+}

nex-button/trunk/nex-button.php

@@ -3 +3 @@
  * Plugin Name: NexButton
  * Description: Add stylish, customizable buttons to Elementor with various hover effects and animations.
- * Version: 1.0.0
+ * Version: 1.0.1
  * Author: wpcoder75
  * Author URI: https://github.com/asikwp75

nex-button/trunk/readme.txt

@@ -4 +4 @@
 Requires at least: 5.0
 Tested up to: 6.6
-Stable Tag: 1.0.0
+Stable Tag: 1.0.1
 Requires PHP: 7.2
 License: GPLv2 or later
@@ -44 +44 @@
 
 = 1.0.0 =
-* Initial release of the NexButton Elementor plugin with customizable styles, icons, and hover effects.
 
+Initial release of NexButton Elementor Plugin.
+Features include customizable button styles, icons, and hover effects.
+= 1.0.1 =
+
+New Feature: Added Style 3 Button.
 == Upgrade Notice ==
-= 1.0.0 =
-Initial release. No upgrade needed yet.
+
+= 1.0.0 = Initial release. No upgrade necessary.
+
+= 1.0.1 = 
+Added new Style 3 button option, enhancing design flexibility.
 
 == Screenshots ==

nex-button/trunk/widgets/advanced-button/advanced-button.php

@@ -51 +51 @@
                     'style-1' => __( 'Style 1', 'nex-button' ),
                     'style-2' => __( 'Style 2', 'nex-button' ),
+                    'style-3' => __( 'Style 3', 'nex-button' ),
                 ],
                 'default' => 'style-1',
@@ -325 +326 @@
         $this->end_controls_tab();
         $this->end_controls_tabs();
+
+        //star icon
+        $this->add_control(
+            'heading_icon',
+            [
+                'label' => __( 'Star', 'nex-button' ),
+                'type' => \Elementor\Controls_Manager::HEADING,
+                'separator' => 'before',
+            ]
+        );
+
+        $this->add_control(
+            'star_color',
+            [
+                'label' => esc_html__( 'Color', 'nex-button' ),
+                'type' => \Elementor\Controls_Manager::COLOR,
+                'selectors' => [
+                    '{{WRAPPER}} .cb-star-icon' => 'fill: {{VALUE}};',
+                ],
+            ]
+        );
+
         $this->end_controls_section();
     
@@ -339 +362 @@
         $this->start_controls_tabs( 'button_icon_style_tabs' );
 
-        // normal state
-        $this->start_controls_tab(
-            'button_icon_style_normal_tab',
-            [
-                'label' => esc_html__( 'Normal', 'nex-button' ),
-            ]
-        );
+                // normal state
+                $this->start_controls_tab(
+                    'button_icon_style_normal_tab',
+                    [
+                        'label' => esc_html__( 'Normal', 'nex-button' ),
+                    ]
+                );
 
                 // Icon size
@@ -540 +563 @@
         }
 
+        if (!empty($settings['button_style']) && 'style-3' === $settings['button_style']) {
+            echo "<span class='button-text'>" . esc_html($text) . "</span>";
+            echo "<div class='cb-star cb-star-1'>
+                    <svg
+                        xmlns='http://www.w3.org/2000/svg'
+                        xml:space='preserve'
+                        version='1.1'
+                        style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'
+                        viewBox='0 0 784.11 815.53'
+                        xmlns:xlink='http://www.w3.org/1999/xlink'
+                    >
+                        <defs></defs>
+                        <g id='Layer_x0020_1'>
+                            <metadata id='CorelCorpID_0Corel-Layer'></metadata>
+                            <path
+                                class='cb-star-icon'
+                                d='M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z'
+                            ></path>
+                        </g>
+                    </svg>
+                </div>";
+        
+            echo "<div class='cb-star cb-star-2'>
+                    <svg
+                        xmlns='http://www.w3.org/2000/svg'
+                        xml:space='preserve'
+                        version='1.1'
+                        style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'
+                        viewBox='0 0 784.11 815.53'
+                        xmlns:xlink='http://www.w3.org/1999/xlink'
+                    >
+                        <defs></defs>
+                        <g id='Layer_x0020_1'>
+                            <metadata id='CorelCorpID_0Corel-Layer'></metadata>
+                            <path
+                                class='cb-star-icon'
+                                d='M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z'
+                            ></path>
+                        </g>
+                    </svg>
+                </div>";
+        
+            echo "<div class='cb-star cb-star-3'>
+                    <svg
+                        xmlns='http://www.w3.org/2000/svg'
+                        xml:space='preserve'
+                        version='1.1'
+                        style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'
+                        viewBox='0 0 784.11 815.53'
+                        xmlns:xlink='http://www.w3.org/1999/xlink'
+                    >
+                        <defs></defs>
+                        <g id='Layer_x0020_1'>
+                            <metadata id='CorelCorpID_0Corel-Layer'></metadata>
+                            <path
+                                class='cb-star-icon'
+                                d='M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z'
+                            ></path>
+                        </g>
+                    </svg>
+                </div>";
+        
+            echo "<div class='cb-star cb-star-4'>
+                    <svg
+                        xmlns='http://www.w3.org/2000/svg'
+                        xml:space='preserve'
+                        version='1.1'
+                        style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'
+                        viewBox='0 0 784.11 815.53'
+                        xmlns:xlink='http://www.w3.org/1999/xlink'
+                    >
+                        <defs></defs>
+                        <g id='Layer_x0020_1'>
+                            <metadata id='CorelCorpID_0Corel-Layer'></metadata>
+                            <path
+                                class='cb-star-icon'
+                                d='M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z'
+                            ></path>
+                        </g>
+                    </svg>
+                </div>";
+        
+            echo "<div class='cb-star cb-star-5'>
+                    <svg
+                        xmlns='http://www.w3.org/2000/svg'
+                        xml:space='preserve'
+                        version='1.1'
+                        style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'
+                        viewBox='0 0 784.11 815.53'
+                        xmlns:xlink='http://www.w3.org/1999/xlink'
+                    >
+                        <defs></defs>
+                        <g id='Layer_x0020_1'>
+                            <metadata id='CorelCorpID_0Corel-Layer'></metadata>
+                            <path
+                                class='cb-star-icon'
+                                d='M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z'
+                            ></path>
+                        </g>
+                    </svg>
+                </div>";
+        
+            echo "<div class='cb-star cb-star-6'>
+                    <svg
+                        xmlns='http://www.w3.org/2000/svg'
+                        xml:space='preserve'
+                        version='1.1'
+                        style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'
+                        viewBox='0 0 784.11 815.53'
+                        xmlns:xlink='http://www.w3.org/1999/xlink'
+                    >
+                        <defs></defs>
+                        <g id='Layer_x0020_1'>
+                            <metadata id='CorelCorpID_0Corel-Layer'></metadata>
+                            <path
+                                class='cb-star-icon'
+                                d='M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z'
+                            ></path>
+                        </g>
+                    </svg>
+                </div>";
+        }
+
         if (!empty($settings['button_icon_switcher']) && 'yes' === $settings['button_icon_switcher']) {
             echo "<span class='button-icon'>";
@@ -546 +692 @@
         }
 
+        
+
+        
+
         echo '</a>';
         echo '</div>';