Changeset 3318067

Timestamp:

06/26/2025 08:22:15 AM (7 months ago)

Author:

website366

Message:

#Nang cap 2.5

Location:

wpshare247-elementor-addons

Files:

• assets/screenshot-6.png (added)
• assets/screenshot-7.png (added)
• trunk/assets/css/styles.css (modified) (1 diff)
• trunk/assets/web366-logo.png (added)
• trunk/includes/plugin.php (modified) (1 diff)
• trunk/includes/widgets/wpshare247_products_widget.php (modified) (1 diff)
• trunk/includes/widgets/wpshare247_vertical_mega_menu.php (added)
• trunk/readme.txt (modified) (3 diffs)
• trunk/wpshare247-elementor-addon.php (modified) (2 diffs)

wpshare247-elementor-addons/trunk/assets/css/styles.css

@@ -174 +174 @@
     display: block;
 }
+
+/* Vertical Mega Menu - Clean Version */
+.wpshare247-vertical-mega-menu:not(.not-fixed) {
+  position: absolute;
+  z-index: 999999999;
+}
+
+.wpshare247-vertical-mega-menu .menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  width: 220px;
+  background: #fff;
+  border: 1px solid #ddd;
+  position: relative;
+}
+
+.wpshare247-vertical-mega-menu .menu-title a {
+  display: block;
+  font-weight: bold;
+  padding: 10px 15px;
+  background: #f4f4f4;
+  color: #333;
+  text-decoration: none;
+  width: 100%;
+}
+.wpshare247-vertical-mega-menu .menu-title a.mn-icon-right{
+    display: inline-flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 5px;
+}
+
+.wpshare247-vertical-mega-menu .menu-item {
+  position: relative;
+}
+
+.wpshare247-vertical-mega-menu .menu-item > a {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 15px;
+  border-bottom: 1px solid #eee;
+  background: #fff;
+  text-decoration: none;
+  color: #333;
+  transition: background 0.2s;
+  gap: 10px;
+}
+
+.wpshare247-vertical-mega-menu .menu-item > a:hover {
+  background: #f9f9f9;
+}
+
+.wpshare247-vertical-mega-menu .menu-title i,
+.wpshare247-vertical-mega-menu .menu-item i {
+  font-size: 14px;
+  margin-right: 8px;
+  color: inherit;
+}
+
+.wpshare247-vertical-mega-menu .menu-item-label {
+  display: inline-block;
+}
+
+.wpshare247-vertical-mega-menu .mega-arrow-icon {
+  font-size: 12px;
+  color: #888;
+  margin-left: auto;
+}
+
+/* Mega menu content hidden by default */
+.wpshare247-vertical-mega-menu .mega-menu-content {
+  position: absolute;
+  top: 0;
+  left: 100%;
+  width: 400px;
+  min-height: 100%;
+  background: #fff;
+  box-shadow: 0 0 10px rgba(0,0,0,0.1);
+  z-index: 99999999999;
+  padding: 0;
+
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(10px);
+  transition: all 0.3s ease;
+  pointer-events: none;
+}
+
+/* Show on hover */
+.wpshare247-vertical-mega-menu .menu-item:hover .mega-menu-content {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
+}
+
+/* Hover effects */
+.mega-menu-content.effect-fade {
+  transform: translateY(0);
+}
+
+.mega-menu-content.effect-slide {
+  transform: translateY(10px);
+}
+
+.mega-menu-content.effect-scale {
+  transform: scale(0.95);
+}
+
+.wpshare247-vertical-mega-menu .menu-item:hover .effect-slide {
+  transform: translateY(0);
+}
+
+.wpshare247-vertical-mega-menu .menu-item:hover .effect-scale {
+  transform: scale(1);
+}
+
+/* Toggle button for mobile */
+.wpshare247-menu-toggle {
+  display: none;
+  background: #0073aa;
+  color: #fff;
+  padding: 10px 15px;
+  border: none;
+  width: 100%;
+  text-align: left;
+  font-size: 16px;
+  cursor: pointer;
+}
+
+.wpshare247-mb-header{ display:none; position:relative; }
+
+.wpshare247-mb-header .wpshare247-mb-header-mix {
+  display: flex;
+  align-items: center;    
+  justify-content: center;
+  height: 60px;            
+}
+
+
+/* Responsive */
+@media (max-width: 767px) {
+
+
+  .wpshare247-menu-toggle {
+    display: block;
+  }
+
+  .wpshare247-vertical-mega-menu.enable-mobile-custom.menu-open:not(.mobile-type-default) .wpshare247-mb-header{
+    display: block;
+  }
+
+  .wpshare247-vertical-mega-menu.enable-mobile-custom.menu-open:not(.mobile-type-default) .wpshare247-menu-toggle{
+    display: none;
+  }
+
+  .wpshare247-vertical-mega-menu .menu {
+    display: none;
+    position: static;
+  }
+
+  .wpshare247-vertical-mega-menu .menu-title{
+    display: none;
+  }
+
+  .wpshare247-vertical-mega-menu.menu-open .menu {
+    display: block;
+  }
+
+  .wpshare247-vertical-mega-menu .menu-item {
+    position: static !important;
+  }
+
+  .wpshare247-vertical-mega-menu .mega-menu-content {
+    position: static !important;
+    width: 100% !important;
+    transform: none !important;
+    box-shadow: none;
+    padding-left: 15px;
+    opacity: 1 !important;
+    visibility: visible !important;
+    pointer-events: auto !important;
+  }
+
+  .wpshare247-vertical-mega-menu.enable-mobile-custom{
+    width: 100%;
+  }
+  .wpshare247-vertical-mega-menu.enable-mobile-custom .wpshare247-menu-toggle {
+    display: block;
+  }
+
+  .wpshare247-vertical-mega-menu.enable-mobile-custom .menu {
+    display: none;
+    position: static;
+  }
+
+  .wpshare247-vertical-mega-menu.enable-mobile-custom.menu-open .menu {
+    display: block;
+    width: 100%;
+  }
+
+  .wpshare247-vertical-mega-menu.enable-mobile-custom .menu-item {
+    position: static !important;
+  }
+
+  .wpshare247-vertical-mega-menu.enable-mobile-custom .mega-menu-content {
+    position: static !important;
+    width: 100% !important;
+    transform: none !important;
+    box-shadow: none;
+    padding-left: 15px;
+    opacity: 1 !important;
+    visibility: visible !important;
+    pointer-events: auto !important;
+  }
+
+  /* Bỏ hiệu ứng khi có class effect-... */
+  .wpshare247-vertical-mega-menu.enable-mobile-custom .mega-menu-content.effect-fade,
+  .wpshare247-vertical-mega-menu.enable-mobile-custom .mega-menu-content.effect-slide,
+  .wpshare247-vertical-mega-menu.enable-mobile-custom .mega-menu-content.effect-scale {
+    transform: none !important;
+  }
+
+  .wpshare247-vertical-mega-menu.enable-mobile-custom .menu-item:hover .mega-menu-content {
+    transform: none !important;
+  }
+
+  .wpshare247-vertical-mega-menu.enable-mobile-custom .mega-menu-content {
+    display: none;
+  }
+
+  .wpshare247-vertical-mega-menu.enable-mobile-custom .menu-item.show-submenu .mega-menu-content {
+    display: block;
+  }
+
+  
+  .wpshare247-vertical-mega-menu.menu-open.mobile-type-slide-left .wpshare247-mobile-bg,
+  .wpshare247-vertical-mega-menu.menu-open.mobile-type-slide-right .wpshare247-mobile-bg {
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.5);
+    z-index: 999998;
+  }
+
+  .wpshare247-vertical-mega-menu.menu-open:not(.mobile-type-default) .wpshare247-vertical-mega-content {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    width: 80%;
+    background: #fff;
+    z-index: 999999;
+    transition: transform 0.3s ease;
+    overflow-y: auto;
+  }
+
+  .wpshare247-vertical-mega-menu.mobile-type-slide-left .wpshare247-vertical-mega-content {
+    left: 0;
+    transform: translateX(-100%);
+  }
+  .wpshare247-vertical-mega-menu.menu-open.mobile-type-slide-left .wpshare247-vertical-mega-content {
+    transform: translateX(0);
+  }
+
+  .wpshare247-vertical-mega-menu.mobile-type-slide-right .wpshare247-vertical-mega-content {
+    right: 0;
+    transform: translateX(100%);
+  }
+  .wpshare247-vertical-mega-menu.menu-open.mobile-type-slide-right .wpshare247-vertical-mega-content {
+    transform: translateX(0);
+  }
+
+  .wpshare247-vertical-mega-menu.menu-open:not(.mobile-type-default) .wpshare247-menu-close-btn {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: 10px;
+    font-size: 20px;
+    background: none;
+    border: none;
+    color: #000;
+    z-index: 1000000;
+    padding: 10px;
+    cursor: pointer;
+  }
+
+}

wpshare247-elementor-addons/trunk/includes/plugin.php

@@ -243 +243 @@
             'wpshare247_contact_form7',
             'wpshare247_countdown',
-            'wpshare247_product_single_price_widget'
+            'wpshare247_product_single_price_widget',
+            'wpshare247_vertical_mega_menu',
         );
 

wpshare247-elementor-addons/trunk/includes/widgets/wpshare247_products_widget.php

@@ -1153 +1153 @@
 
         if(!empty($category)){
-            $s_category = implode($category, ', ');
+            $s_category = implode(', ', $category);
             $woo_shortcode .= ' category="'.$s_category.'" ';
 

wpshare247-elementor-addons/trunk/readme.txt

@@ -2 +2 @@
 Contributors: wpshare247, website366
 Donate link: https://paypal.me/auvuonle/5
-Tags: elementor, carousel, slider, blog, post, page, post type, product, category, list, addon, widget, contact form 7, countdown
+Tags: elementor, widgets, custom post type, carousel, grid, mega menu, contact form 7, woocommerce, countdown, blog, vertical menu, responsive menu, advanced menu
 Requires at least: 4.9
-Tested up to: 6.6.1
+Tested up to: 6.6.8
 Requires PHP: 7.0
-Stable tag: 2.4
+Stable tag: 2.5
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
  
-Widgets (Wpshare247 Addons) for Elementor. Wpshare247 Addons for Elementor plugin includes widgets and addons like Blog Post, Products, Post, Page and Custom Post Type Grid or Carousel, Countdown, Contact Form 7.
+Widgets (Wpshare247 Addons) for Elementor. Wpshare247 Addons for Elementor plugin includes widgets and addons like Blog Post, Products, Post, Page and Custom Post Type Grid or Carousel, Countdown, Contact Form 7, Vertical Mega Menu.
 
-Cung cấp các Widget, Addon hỗ trợ Elementor. Có các dạng danh sách như List, Carousel, Slider, Countdown, Contact Form 7, WooCommerce.. được phát triển bởi WPSHARE247.COM
+Cung cấp các Widget, Addon hỗ trợ Elementor. Có các dạng danh sách như List, Carousel, Slider, Countdown, Contact Form 7, WooCommerce, Menu Mega Dọc Ngang tương thích trên thiết bị di động. Được phát triển bởi WPSHARE247.COM
 
 == Description ==
-Widgets (Wpshare247 Addons) for Elementor. Wpshare247 Addons for Elementor plugin includes widgets and addons like Blog Post, Products, Post, Page and Custom Post Type Grid or Carousel, Countdown, Contact Form 7.
+Widgets (Wpshare247 Addons) for Elementor. Wpshare247 Addons for Elementor plugin includes widgets and addons like Blog Post, Products, Post, Page and Custom Post Type Grid or Carousel, Countdown, Contact Form 7, Vertical Mega Menu.
 
 **Liên hệ - Contact Us**
@@ -73 +73 @@
 5. screenshot-5.png
 
+6. screenshot-6.png
+
+7. screenshot-7.png
+
 == Changelog ==
 
@@ -100 +104 @@
 * Fix css: wpshare247-flex-wrap, display: flex;
 
+= 2.5 =
+* Add new widget: Vertical Mega Menu
+* Fix: $s_category = implode(', ', $category);
 
 == Upgrade Notice ==

wpshare247-elementor-addons/trunk/wpshare247-elementor-addon.php

@@ -3 +3 @@
  * Plugin Name: WPSHARE247 Elementor Addons
  * Plugin URI: https://wpshare247.com/
- * Description: Widgets (Wpshare247 Addons) for Elementor. Wpshare247 Addons for Elementor plugin includes widgets and addons like Blog Post, Products, Post, Page and Custom Post Type Grid or Carousel, Countdown, Contact Form 7, WooCommerce Product Price.
- * Version: 2.4
+ * Description: Widgets (Wpshare247 Addons) for Elementor. Wpshare247 Addons for Elementor plugin includes widgets and addons like Blog Post, Products, Post, Page and Custom Post Type Grid or Carousel, Countdown, Contact Form 7, WooCommerce Product Price, Vertical Mega Menu.
+ * Version: 2.5
  * Author: Wpshare247.com
  * Author URI: https://wpshare247.com/chuyen-muc/elementor
@@ -11 +11 @@
  * Requires at least: 4.9
  * Requires PHP: 7.0
+ * Tags: elementor, widgets, custom post type, carousel, grid, mega menu, contact form 7, woocommerce, countdown, blog, vertical menu, responsive menu, advanced menu
  */