From 7f835ca21b031fb812479fcc61f9e63b7787e963 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 3 Nov 2025 07:01:41 +0000 Subject: [PATCH 1/5] Initial plan From 33efeef6db5e62eefa8d30e00869fba71d7ceb80 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 3 Nov 2025 07:11:28 +0000 Subject: [PATCH 2/5] Fix security issues, typos, and add documentation Co-authored-by: codersaiful <6463919+codersaiful@users.noreply.github.com> --- .gitignore | 52 ++++++ README-DEVELOPER.md | 298 ++++++++++++++++++++++++++++++ README.md | 233 +++++++++++++++++++++++ assets/js/custom.js | 45 +++++ assets/js/woo-ajax-add-to-cart.js | 85 +++++---- includes/class-activator.php | 6 + init.php | 2 +- plugin.php | 92 +++++---- 8 files changed, 740 insertions(+), 73 deletions(-) create mode 100644 .gitignore create mode 100644 README-DEVELOPER.md create mode 100644 README.md diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d2f17c5 --- /dev/null +++ b/.gitignore @@ -0,0 +1,52 @@ +# WordPress +.DS_Store +Thumbs.db + +# IDEs and editors +/.idea +/.vscode +*.sublime-project +*.sublime-workspace +*.swp +*.swo +*~ + +# Composer +/vendor/ +composer.lock + +# npm +node_modules/ +package-lock.json + +# Build files +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# OS files +.DS_Store +.DS_Store? +._* +.Spotlight-V100 +.Trashes +ehthumbs.db +Thumbs.db + +# Temporary files +*.tmp +*.bak +*.cache + +# PHPStorm +.idea/ + +# VS Code +.vscode/ + +# Sass +.sass-cache/ +*.css.map +*.sass.map +*.scss.map diff --git a/README-DEVELOPER.md b/README-DEVELOPER.md new file mode 100644 index 0000000..ec45c7d --- /dev/null +++ b/README-DEVELOPER.md @@ -0,0 +1,298 @@ +# CA WooCommerce Quick View - ডেভেলপার গাইড + +## 📋 সূচিপত্র +- [পরিচিতি](#পরিচিতি) +- [সিস্টেম প্রয়োজনীয়তা](#সিস্টেম-প্রয়োজনীয়তা) +- [ইনস্টলেশন এবং সেটআপ](#ইনস্টলেশন-এবং-সেটআপ) +- [ফাইল স্ট্রাকচার](#ফাইল-স্ট্রাকচার) +- [হুক এবং ফিল্টার](#হুক-এবং-ফিল্টার) +- [কাস্টমাইজেশন](#কাস্টমাইজেশন) +- [ডিবাগিং](#ডিবাগিং) +- [অবদান রাখা](#অবদান-রাখা) + +## পরিচিতি + +এটি একটি WooCommerce অ্যাডঅন প্লাগিন যা পণ্য পৃষ্ঠায় না গিয়ে দ্রুত পণ্যের তথ্য দেখার সুবিধা দেয়। এই ডকুমেন্টেশন ডেভেলপারদের জন্য যারা এই প্লাগিন নিয়ে কাজ করতে বা এটিকে কাস্টমাইজ করতে চান। + +## সিস্টেম প্রয়োজনীয়তা + +- **WordPress**: 5.2 বা তার উপরে +- **PHP**: 7.0 বা তার উপরে (PHP 7.4+ সুপারিশকৃত) +- **WooCommerce**: 3.0 বা তার উপরে (WooCommerce 8.x সাপোর্টেড) +- **MySQL**: 5.6 বা তার উপরে + +## ইনস্টলেশন এবং সেটআপ + +### লোকাল ডেভেলপমেন্ট সেটআপ + +1. **প্লাগিন ক্লোন করুন:** +```bash +cd wp-content/plugins/ +git clone https://github.com/codersaiful/ca-quick-view.git +``` + +2. **প্লাগিন অ্যাক্টিভেট করুন:** + - WordPress অ্যাডমিন প্যানেলে যান + - Plugins → Installed Plugins + - "Quick View by Code Astrology" খুঁজে Activate করুন + +3. **WooCommerce ইনস্টল থাকা নিশ্চিত করুন:** + - এই প্লাগিন শুধুমাত্র WooCommerce ইনস্টল থাকলে কাজ করবে + +## ফাইল স্ট্রাকচার + +``` +ca-quick-view/ +├── assets/ # Static ফাইলসমূহ +│ ├── css/ # স্টাইলশীট +│ │ ├── style.css # প্রধান স্টাইল +│ │ ├── modal-box.css # মোডাল স্টাইল +│ │ ├── animate.min.css # অ্যানিমেশন +│ │ └── admin-style.css # অ্যাডমিন স্টাইল +│ └── js/ # JavaScript ফাইল +│ ├── custom.js # কাস্টম JS +│ ├── modal-box.js # মোডাল ফাংশনালিটি +│ ├── woo-ajax-add-to-cart.js # AJAX কার্ট +│ └── swiper-bundle.min.js # ইমেজ স্লাইডার +├── includes/ # PHP Include ফাইল +│ ├── admin/ # অ্যাডমিন ফাইল +│ │ ├── class-admin-notice.php # নোটিস সিস্টেম +│ │ └── settings.php # সেটিংস পেজ +│ ├── customizers/ # কাস্টমাইজার কন্ট্রোল +│ │ └── customizer.php # মূল কাস্টমাইজার +│ ├── class-activator.php # অ্যাক্টিভেশন হ্যান্ডলার +│ ├── content.php # প্রোডাক্ট কন্টেন্ট টেমপ্লেট +│ ├── image-content.php # ইমেজ গ্যালারি টেমপ্লেট +│ └── style.php # ডাইনামিক CSS +├── init.php # প্রধান প্লাগিন ফাইল +├── plugin.php # ফ্রন্টএন্ড ক্লাস +├── readme.txt # WordPress.org README +├── README.md # ইংরেজি README +└── README-DEVELOPER.md # এই ফাইল + +``` + +## মূল ক্লাস এবং ফাংশন + +### CAWQV_PLUGIN_LITE (init.php) +প্রধান প্লাগিন ক্লাস যা স্ক্রিপ্ট, স্টাইল এবং অন্যান্য ফাইল লোড করে। + +**গুরুত্বপূর্ণ মেথড:** +- `cawqv_load_scripts()` - ফ্রন্টএন্ড স্ক্রিপ্ট লোড করে +- `cawqv_admin_style()` - অ্যাডমিন স্টাইল লোড করে +- `cawqv_load()` - WooCommerce চেক করে ফাইল লোড করে + +### CAWQV_FRONTEND (plugin.php) +ফ্রন্টএন্ড ফাংশনালিটি হ্যান্ডল করে। + +**গুরুত্বপূর্ণ মেথড:** +- `cawqv_modal_button()` - Quick View বাটন রেন্ডার করে +- `cawqv_get_product_callback()` - AJAX দ্বারা প্রোডাক্ট ডেটা রিটার্ন করে +- `cawqv_modal()` - মোডাল HTML রেন্ডার করে +- `cawqv_product_gallery()` - প্রোডাক্ট গ্যালারি তৈরি করে + +## হুক এবং ফিল্টার + +### অ্যাকশন হুক + +প্লাগিনে ব্যবহৃত কাস্টম অ্যাকশন হুক: + +```php +// প্রোডাক্ট ইমেজ দেখানোর জন্য +do_action('cawqv_view_product_image'); + +// সেল ব্যাজ দেখানোর জন্য +do_action('cawqv_show_product_sale_flash'); + +// প্রোডাক্ট কন্টেন্ট দেখানোর জন্য +do_action('cawqv_product_content'); + +// প্রোডাক্ট গ্যালারি দেখানোর জন্য +do_action('cawqv_product_gallery', $class); +``` + +### হুক ব্যবহারের উদাহরণ + +**কাস্টম কন্টেন্ট যোগ করা:** +```php +// Theme এর functions.php এ +add_action('cawqv_product_content', 'my_custom_quick_view_content', 35); +function my_custom_quick_view_content() { + echo '
আপনার কাস্টম কন্টেন্ট
'; +} +``` + +**বাটন টেক্সট পরিবর্তন করা:** +```php +add_filter('option_qv_button_label', 'change_quick_view_label'); +function change_quick_view_label($label) { + return 'দ্রুত দেখুন'; +} +``` + +## কাস্টমাইজেশন + +### কাস্টমাইজার সেটিংস + +প্লাগিন WordPress কাস্টমাইজারের মাধ্যমে লাইভ কাস্টমাইজ করা যায়: + +- **Appearance → Customize → CA WooCommerce Quick View Settings** + +উপলব্ধ সেটিংস: +1. **General Settings** - বাটন লেবেল এবং আইকন +2. **Color Settings** - রঙ কাস্টমাইজেশন +3. **Animation Settings** - মোডাল অ্যানিমেশন +4. **Slider Settings** - গ্যালারি স্লাইডার অপশন +5. **Add to Cart Settings** - কার্ট বাটন স্টাইল + +### CSS কাস্টমাইজেশন + +**থিমে কাস্টম CSS যোগ করা:** +```css +/* আপনার থিমের style.css এ */ +.caqv-open-modal { + background: #your-color !important; + padding: 10px 20px; + border-radius: 5px; +} + +.cawqv-modal { + /* আপনার কাস্টম স্টাইল */ +} +``` + +### JavaScript কাস্টমাইজেশন + +**কাস্টম ইভেন্ট যোগ করা:** +```javascript +jQuery(document).ready(function($) { + // মোডাল খোলার সময় + $(document).on('click', '.caqv-open-modal', function() { + console.log('Quick View খোলা হচ্ছে'); + // আপনার কাস্টম কোড + }); +}); +``` + +## AJAX হ্যান্ডলিং + +### নিরাপত্তা (Security) + +প্লাগিন AJAX রিকোয়েস্টের জন্য WordPress nonce ব্যবহার করে: + +```php +// AJAX কলব্যাক ফাংশনে +check_ajax_referer('cawqv_nonce', 'nonce'); +``` + +### কাস্টম AJAX অ্যাকশন যোগ করা + +```php +// functions.php এ +add_action('wp_ajax_my_custom_action', 'my_custom_ajax_handler'); +add_action('wp_ajax_nopriv_my_custom_action', 'my_custom_ajax_handler'); + +function my_custom_ajax_handler() { + check_ajax_referer('cawqv_nonce', 'nonce'); + + // আপনার কোড এখানে + + wp_send_json_success($data); +} +``` + +## ডিবাগিং + +### ডিবাগ মোড চালু করা + +wp-config.php এ যোগ করুন: +```php +define('WP_DEBUG', true); +define('WP_DEBUG_LOG', true); +define('WP_DEBUG_DISPLAY', false); +``` + +### সাধারণ সমস্যা এবং সমাধান + +**1. Quick View বাটন দেখা যাচ্ছে না:** +- নিশ্চিত করুন WooCommerce ইনস্টল এবং অ্যাক্টিভ আছে +- Theme এর product loop চেক করুন + +**2. AJAX কাজ করছে না:** +- Browser console এ error চেক করুন +- নিশ্চিত করুন jQuery সঠিকভাবে লোড হচ্ছে + +**3. Modal খুলছে না:** +- JavaScript error চেক করুন +- modal-box.js লোড হচ্ছে কিনা দেখুন + +## পারফরম্যান্স অপটিমাইজেশন + +### সুপারিশসমূহ: + +1. **CSS/JS মিনিফিকেশন:** + - প্রোডাকশনে minified ফাইল ব্যবহার করুন + +2. **Caching:** + - Object caching ব্যবহার করুন + - Transient API ব্যবহার করুন + +3. **Image Optimization:** + - WooCommerce image sizes অপটিমাইজ করুন + +## টেস্টিং + +### ম্যানুয়াল টেস্টিং চেকলিস্ট: + +- [ ] Simple product এ কাজ করছে +- [ ] Variable product এ কাজ করছে +- [ ] Grouped product এ কাজ করছে +- [ ] Out of stock product হ্যান্ডেল করছে +- [ ] Gallery images সঠিকভাবে দেখাচ্ছে +- [ ] Add to cart AJAX কাজ করছে +- [ ] Mobile responsive +- [ ] Different themes এ টেস্ট করা + +## সিকিউরিটি বেস্ট প্র্যাকটিস + +1. **সবসময় nonce verification করুন** +2. **User input sanitize করুন** +3. **Output escape করুন** +4. **Capability check করুন** +5. **SQL Injection প্রতিরোধ করুন** + +## অবদান রাখা + +### কোড কন্ট্রিবিউশন + +1. Repository Fork করুন +2. নতুন branch তৈরি করুন: `git checkout -b feature/amazing-feature` +3. Changes commit করুন: `git commit -m 'Add amazing feature'` +4. Branch এ push করুন: `git push origin feature/amazing-feature` +5. Pull Request খুলুন + +### কোডিং স্ট্যান্ডার্ড + +- WordPress PHP Coding Standards অনুসরণ করুন +- JavaScript: ES6+ সিনট্যাক্স ব্যবহার করুন +- Comments বাংলা বা ইংরেজিতে লিখুন +- Meaningful variable এবং function নাম ব্যবহার করুন + +## লাইসেন্স + +GPL-2.0+ লাইসেন্স। বিস্তারিত দেখুন [LICENSE.txt](LICENSE.txt) + +## সাপোর্ট এবং যোগাযোগ + +- **GitHub Issues**: [https://github.com/codersaiful/ca-quick-view/issues](https://github.com/codersaiful/ca-quick-view/issues) +- **WordPress Support**: [https://wordpress.org/support/plugin/ca-woocommerce-quick-view/](https://wordpress.org/support/plugin/ca-woocommerce-quick-view/) +- **Email**: codersaiful@gmail.com + +## চেঞ্জলগ + +সমস্ত পরিবর্তনের জন্য [readme.txt](readme.txt) দেখুন। + +--- + +**তৈরি করেছেন:** [Code Astrology](https://codeastrology.com/) +**রক্ষণাবেক্ষণ করেন:** Saiful Islam ([@codersaiful](https://github.com/codersaiful)) diff --git a/README.md b/README.md new file mode 100644 index 0000000..0a5e87a --- /dev/null +++ b/README.md @@ -0,0 +1,233 @@ +# Quick View by Code Astrology + +![WordPress Plugin Version](https://img.shields.io/badge/version-1.2-blue.svg) +![WordPress Version](https://img.shields.io/badge/wordpress-5.2%2B-green.svg) +![WooCommerce Version](https://img.shields.io/badge/woocommerce-3.0%2B-purple.svg) +![PHP Version](https://img.shields.io/badge/php-7.0%2B-blue.svg) +![License](https://img.shields.io/badge/license-GPL--2.0%2B-red.svg) + +A lightweight and modern WooCommerce Quick View plugin that allows customers to quickly view product details in a beautiful modal popup without leaving the shop page. + +## ✨ Features + +- 🚀 **Lightning Fast** - Quick product preview without page reload +- 🎨 **Highly Customizable** - Live customization through WordPress Customizer +- 📱 **Fully Responsive** - Works perfectly on all devices +- 🎭 **Beautiful Animations** - Multiple animation options for modal +- 🖼️ **Product Gallery** - Swiper-based image slider +- 🛒 **AJAX Add to Cart** - Add products to cart without page reload +- 🔒 **Secure** - Nonce verification for all AJAX requests +- ⚡ **Lightweight** - Minimal impact on page load time +- 🎯 **SEO Friendly** - Does not affect your SEO +- 🌐 **Translation Ready** - Fully translatable + +## 📋 Requirements + +- WordPress 5.2 or higher +- WooCommerce 3.0 or higher +- PHP 7.0 or higher (7.4+ recommended) +- MySQL 5.6 or higher + +## 🚀 Installation + +### Via WordPress Admin + +1. Download the plugin ZIP file +2. Go to WordPress Admin → Plugins → Add New +3. Click "Upload Plugin" and choose the ZIP file +4. Click "Install Now" and then "Activate" + +### Via FTP + +1. Download and extract the ZIP file +2. Upload the `ca-quick-view` folder to `/wp-content/plugins/` +3. Activate the plugin through the 'Plugins' menu in WordPress + +### Via Composer + +```bash +composer require codersaiful/ca-quick-view +``` + +## ⚙️ Configuration + +After activation, configure the plugin: + +1. Go to **Appearance → Customize** +2. Navigate to **CA WooCommerce Quick View Settings** +3. Customize the following sections: + - General Settings (Button label and icon) + - Color Settings + - Animation Settings + - Slider Settings + - Add to Cart Settings + +## 🎨 Customization Options + +### General Settings +- Quick View button label +- Button icon selection +- Button positioning + +### Color Settings +- Navigation arrow colors +- Icon colors +- Sale flash badge colors +- Button background colors +- Window background +- Text colors +- Price colors +- Review colors + +### Animation Settings +Choose from 15+ beautiful animations: +- fadeInUp, fadeInDown +- bounceIn, bounceInUp, bounceInDown +- slideInUp, slideInDown +- zoomIn, zoomInUp, zoomInDown +- And more... + +### Slider Settings +- Navigation controls +- Dot indicators +- Auto-play options +- Transition effects + +## 🎯 Usage + +Once activated, a "Quick View" button automatically appears on all WooCommerce product loops (shop, category, archive pages). + +**For Developers**: You can customize the button placement using the action hook: +```php +remove_action('woocommerce_after_shop_loop_item', array($cawqv_frontend, 'cawqv_modal_button')); +add_action('your_custom_hook', array($cawqv_frontend, 'cawqv_modal_button')); +``` + +## 🔧 Developer Documentation + +For detailed developer documentation, see [README-DEVELOPER.md](README-DEVELOPER.md) (Available in Bengali) + +### Available Hooks + +**Actions:** +```php +do_action('cawqv_view_product_image'); +do_action('cawqv_show_product_sale_flash'); +do_action('cawqv_product_content'); +do_action('cawqv_product_gallery', $class); +``` + +**Filters:** +```php +apply_filters('option_qv_button_label', $label); +``` + +## 🐛 Troubleshooting + +### Quick View button not showing +- Ensure WooCommerce is installed and activated +- Check your theme's product loop structure +- Try switching to a default WooCommerce theme to test + +### Modal not opening +- Check browser console for JavaScript errors +- Ensure jQuery is loaded +- Try disabling other plugins to check for conflicts + +### AJAX not working +- Verify permalinks are set correctly +- Check server error logs +- Ensure nonce verification is passing + +## 🔐 Security + +This plugin follows WordPress security best practices: +- ✅ Nonce verification for all AJAX requests +- ✅ Input sanitization +- ✅ Output escaping +- ✅ Capability checks +- ✅ SQL injection prevention + +## 🌍 Translation + +The plugin is translation-ready. To translate: + +1. Use tools like Poedit or Loco Translate +2. Create translation files for your language +3. Place them in `/wp-content/languages/plugins/` + +## 📝 Changelog + +### Version 1.2 +- ✨ Added AJAX security with nonce verification +- 🐛 Fixed typo in default button label +- ⚡ Improved JavaScript code quality +- 🔒 Enhanced security measures +- 📖 Added comprehensive documentation +- 🎨 Added ESC key to close modal +- 🖱️ Added click outside to close modal +- 🚀 Performance improvements + +### Version 1.1 +- Minor bug fixes and improvements + +### Version 1.0 +- Initial release + +## 🤝 Contributing + +Contributions are welcome! Please follow these steps: + +1. Fork the repository +2. Create a feature branch (`git checkout -b feature/amazing-feature`) +3. Commit your changes (`git commit -m 'Add amazing feature'`) +4. Push to the branch (`git push origin feature/amazing-feature`) +5. Open a Pull Request + +## 📜 License + +This plugin is licensed under GPL-2.0+. See [LICENSE.txt](LICENSE.txt) for details. + +## 👨‍💻 Author + +**Code Astrology** +- Website: [https://codeastrology.com/](https://codeastrology.com/) +- WordPress Profile: [https://profiles.wordpress.org/codersaiful/](https://profiles.wordpress.org/codersaiful/) +- GitHub: [@codersaiful](https://github.com/codersaiful) + +## 💬 Support + +- **GitHub Issues**: [Report bugs or request features](https://github.com/codersaiful/ca-quick-view/issues) +- **WordPress Support Forum**: [Get community support](https://wordpress.org/support/plugin/ca-woocommerce-quick-view/) +- **Email**: codersaiful@gmail.com + +## ⭐ Show Your Support + +If you find this plugin helpful, please: +- Give it a ⭐ on [GitHub](https://github.com/codersaiful/ca-quick-view) +- Leave a [review on WordPress.org](https://wordpress.org/plugins/ca-woocommerce-quick-view/) +- Share it with others + +## 📸 Screenshots + +1. Quick View button on product loop +2. Beautiful modal popup with product details +3. Image gallery with slider +4. Customizer settings panel +5. Color customization options +6. Animation settings + +## 🎯 Roadmap + +Future planned features: +- [ ] Additional animation effects +- [ ] More customization options +- [ ] Integration with popular page builders +- [ ] Advanced product filtering in modal +- [ ] Social sharing in quick view +- [ ] Product comparison feature +- [ ] Recently viewed products + +--- + +Made with ❤️ by [Code Astrology](https://codeastrology.com/) diff --git a/assets/js/custom.js b/assets/js/custom.js index e69de29..24b38b6 100644 --- a/assets/js/custom.js +++ b/assets/js/custom.js @@ -0,0 +1,45 @@ +/** + * CA Quick View - Custom JavaScript + * + * @package ca-quick-view + * @since 1.2 + */ + +(function($) { +'use strict'; + +/** + * Initialize when document is ready + */ +$(document).ready(function() { + +/** + * Close modal on ESC key press + */ +$(document).on('keydown', function(e) { +if (e.key === 'Escape' || e.keyCode === 27) { +if ($('#cawqv-modal').is(':visible')) { +closeQuickView(); +} +} +}); + +/** + * Close modal when clicking on overlay + */ +$(document).on('click', '#cawqv-modal', function(e) { +if (e.target === this) { +closeQuickView(); +} +}); + +/** + * Function to close quick view modal + */ +function closeQuickView() { +$('#cawqv-modal').hide(); +$('body').removeClass('cawqv-open').css('overflow', 'auto'); +} +}); + +})(jQuery); diff --git a/assets/js/woo-ajax-add-to-cart.js b/assets/js/woo-ajax-add-to-cart.js index cc3cb34..fccc832 100644 --- a/assets/js/woo-ajax-add-to-cart.js +++ b/assets/js/woo-ajax-add-to-cart.js @@ -1,46 +1,51 @@ -jQuery(document).ready(function() { - var add_to_cart_btn = jQuery('.single_add_to_cart_button'); - add_to_cart_btn.click(function(e) { - e.preventDefault(); - var $thisbutton = jQuery(this), - $form = $thisbutton.closest('form.cart'), - id = $thisbutton.val(), - product_qty = $form.find('input[name=quantity]').val() || 1, - product_id = $form.find('input[name=product_id]').val() || id, - variation_id = $form.find('input[name=variation_id]').val() || 0; - - var data = { - action: 'woocommerce_ajax_add_to_cart', - product_id: product_id, - product_sku: '', - quantity: product_qty, - variation_id: variation_id, - }; +jQuery(document).ready(function($) { + 'use strict'; + + var addToCartBtn = $('.single_add_to_cart_button'); - jQuery(document.body).trigger('adding_to_cart', [$thisbutton, data]); + addToCartBtn.on('click', function(e) { + e.preventDefault(); + + var $thisButton = $(this), + $form = $thisButton.closest('form.cart'), + id = $thisButton.val(), + productQty = $form.find('input[name=quantity]').val() || 1, + productId = $form.find('input[name=product_id]').val() || id, + variationId = $form.find('input[name=variation_id]').val() || 0; - jQuery.ajax({ - type: 'post', - url: wc_add_to_cart_params.ajax_url, - data: data, - beforeSend: function (response) { - $thisbutton.removeClass('added').addClass('loading'); - }, - complete: function (response) { - $thisbutton.addClass('added').removeClass('loading'); - }, - success: function (response) { - jQuery( document.body ).trigger( 'wc_fragment_refresh' ); - jQuery( document.body ).trigger( 'added_to_cart', [ response.fragments, response.cart_hash, $thisbutton ] ); + var data = { + action: 'woocommerce_ajax_add_to_cart', + product_id: productId, + product_sku: '', + quantity: productQty, + variation_id: variationId, + nonce: cawqv_params.add_to_cart_nonce + }; + + $(document.body).trigger('adding_to_cart', [$thisButton, data]); - // Redirect to cart option - /* if ( wc_add_to_cart_params.cart_redirect_after_add === 'yes' ) { - window.location = wc_add_to_cart_params.cart_url; + $.ajax({ + type: 'POST', + url: wc_add_to_cart_params.ajax_url, + data: data, + beforeSend: function(response) { + $thisButton.removeClass('added').addClass('loading'); + }, + complete: function(response) { + $thisButton.addClass('added').removeClass('loading'); + }, + success: function(response) { + if (response.error) { + // Handle error return; - } */ - }, - }); - - }); + } + $(document.body).trigger('wc_fragment_refresh'); + $(document.body).trigger('added_to_cart', [response.fragments, response.cart_hash, $thisButton]); + }, + error: function() { + $thisButton.removeClass('loading'); + } + }); + }); }); diff --git a/includes/class-activator.php b/includes/class-activator.php index f4dc91c..cededa3 100644 --- a/includes/class-activator.php +++ b/includes/class-activator.php @@ -16,6 +16,12 @@ class Lite_Activator { * @since 1.0 */ public static function activate() { + // Deactivate premium version if exists deactivate_plugins( 'ca-quick-view-premium/init.php' ); + + // Save activation date for review notice + if (!get_option('cawqv_lite_activation_date')) { + add_option('cawqv_lite_activation_date', time()); + } } } diff --git a/init.php b/init.php index ded66f3..92d2ca0 100644 --- a/init.php +++ b/init.php @@ -48,7 +48,7 @@ function activate_lite(){ //Plugin Init Class class CAWQV_PLUGIN_LITE { - const CAWQV_VERSION = '1.0'; + const CAWQV_VERSION = '1.2'; function __construct(){ diff --git a/plugin.php b/plugin.php index 08536b8..181ebca 100644 --- a/plugin.php +++ b/plugin.php @@ -40,21 +40,30 @@ function __construct(){ } /** - * View button for actions + * Render Quick View button * - * @since 1.0.0 - */ - public function cawqv_modal_button(){ + * @since 1.0.0 + * @return void + */ + public function cawqv_modal_button() { global $product; + + // Check if product exists + if (!$product || !is_a($product, 'WC_Product')) { + return; + } + $product_id = $product->get_id(); - $qv_button_label = get_option('qv_button_label', 'Qiuck View') ; + $qv_button_label = get_option('qv_button_label', 'Quick View'); + $button_icon = get_option('cawqv_general_section', 'cawqv-icon-search'); ?> - wp_create_nonce('cawqv_add_to_cart_nonce') + )); } } /** @@ -142,6 +160,8 @@ public function cawqv_woocommerce_ajax_add_to_cart_js(){ * @since 1.0.0 */ public function cawqv_woocommerce_ajax_add_to_cart(){ + // Security: Verify nonce + check_ajax_referer('cawqv_add_to_cart_nonce', 'nonce'); $product_id = apply_filters('woocommerce_add_to_cart_product_id', absint($_POST['product_id'])); $quantity = empty($_POST['quantity']) ? 1 : wc_stock_amount($_POST['quantity']); @@ -178,17 +198,23 @@ public function cawqv_woocommerce_ajax_add_to_cart(){ wp_die(); } - /** - * Product Gallery + /** + * Render Product Gallery * - * @since 1.0.0 + * @since 1.0.0 + * @param string $class CSS class for gallery items + * @return void */ - public function cawqv_product_gallery($class){ + public function cawqv_product_gallery($class) { + global $post, $product; + + if (!$product || !is_a($product, 'WC_Product')) { + return; + } - global $post, $product, $woocommerce; - if ( has_post_thumbnail() ) { + if (has_post_thumbnail()) { $attachment_ids = $product->get_gallery_image_ids(); - $props = wc_get_product_attachment_props( get_post_thumbnail_id(), $post ); + $props = wc_get_product_attachment_props(get_post_thumbnail_id(), $post); $image = get_the_post_thumbnail( $post->ID, 'shop_single', @@ -200,34 +226,32 @@ public function cawqv_product_gallery($class){ echo sprintf( '
%s
', - $class, + esc_attr($class), $image // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ); - if ( $attachment_ids ) { - $loop = 0; - - foreach ( $attachment_ids as $attachment_id ) { + if ($attachment_ids && is_array($attachment_ids)) { + foreach ($attachment_ids as $attachment_id) { + $props = wc_get_product_attachment_props($attachment_id, $post); - $props = wc_get_product_attachment_props( $attachment_id, $post ); - - if ( ! $props['url'] ) { + if (!$props['url']) { continue; } echo sprintf( '
%s
', - $class, - wp_get_attachment_image( $attachment_id, 'shop_single', 0, $props ) + esc_attr($class), + wp_get_attachment_image($attachment_id, 'shop_single', false, $props) ); - - $loop++; } } } else { - echo sprintf( '
%s
', wc_placeholder_img_src(), __( 'Placeholder', 'cawqv' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped + echo sprintf( + '
%s
', + esc_url(wc_placeholder_img_src()), + esc_attr__('Placeholder', 'cawqv') + ); } - } /** * Animation class name in array @@ -266,6 +290,9 @@ public static function cawqv_animation(){ */ public function cawqv_add_ajax_script(){ global $woocommerce; + + // Generate nonce for AJAX security + $ajax_nonce = wp_create_nonce('cawqv_nonce'); ?>