Blog

Mobile Owl Carousel Styling

User <style> .wc-category-slider .product-card { text-align: center; } .wc-category-slider .product-card img { max-width: 100%; height: 200px; width: 200px; object-fit: cover; } .product-details { padding: 24px 17px 0 17px; display: flex ; gap:16px; flex-direction: column; align-items: center; } .wc-category-slider .product-card h2.woocommerce-loop-product__title { font-size: 14px; font-weight: 600; color: #0A4C4D; margin:0; } .wc-category-slider .price { color: #052626; font-weight: […]

Custom Product Tabs AJAX

User <script> document.addEventListener('DOMContentLoaded', function () { const tabs = document.querySelectorAll('.tab-button'); const contents = document.querySelectorAll('.tab-content'); tabs.forEach(tab => { tab.addEventListener('click', function () { tabs.forEach(t => t.classList.remove('active')); contents.forEach(c => c.style.display = 'none'); this.classList.add('active'); document.getElementById('tab-' + this.dataset.tab).style.display = 'block'; }); }); }); </script> don't use short code just user custom code and ajax and apply owl and display 4 […]

Equal height product cards

User <style> .wc-category-slider .product-card { text-align: center; } .wc-category-slider .product-card img { max-width: 100%; height: 200px; width: 200px; object-fit: cover; } .product-details { padding: 24px 17px 0 17px; display: flex ; gap:16px; flex-direction: column; align-items: center; } .wc-category-slider .product-card h2.woocommerce-loop-product__title { font-size: 14px; font-weight: 600; color: #0A4C4D; margin:0; } .wc-category-slider .price { color: #052626; font-weight: […]

Owl Slider WooCommerce Category

User Create owl slider for one particular woocommerce category products with 4 product at a time and use default woocommerce loop template Assistant To create an **Owl Carousel slider** for **one particular WooCommerce product category** showing **4 products at a time**, using the **default WooCommerce loop template**, follow the full steps below. — ### ✅ […]

Managing Flatsome Responsiveness

User how to manage responsiveness in flatsome? Assistant Managing **responsiveness in the Flatsome theme** (for WordPress) is straightforward because it’s built to be mobile-first and highly responsive. Here’s how you can effectively manage and fine-tune responsiveness across different screen sizes: — ### 🔧 **1. Use UX Builder's Built-in Responsive Controls** Flatsome’s UX Builder allows you […]

Ajax category posts shortcode

User create shortcode in wordpress to display product categories at top and then post on selected categoires and set post of 1 category default also add pagiantion and use ajax to load category based posts Assistant Here's a full example of how to create a **WordPress shortcode** that: – Displays **product categories (WooCommerce)** – Shows […]

PHP RegExp String Conversion

User convert (J)VGL106871001867753816 to JVGL106871001867753816 in php by regexp Assistant To convert a string like `(J)VGL106871001867753816` to `JVGL106871001867753816` using a regular expression in PHP, you can use `preg_replace()`. ### ✅ PHP Code: <?php $input = '(J)VGL106871001867753816'; $output = preg_replace('/^((w))/', '$1', $input); echo $output; // Outputs: JVGL106871001867753816 ### 🔍 Explanation: – `^((w))`: – `^` ensures the […]

Update Windscribe Ubuntu

User update windsurf by download in unbutny Assistant To **update Windsurf** (or Windscribe, which is likely what you meant) via **download on Ubuntu**, follow these steps: — ### 🌀 If you meant **Windscribe VPN**, here's how to update it via download: #### ✅ Step 1: Remove the old version (if needed) sudo apt remove windscribe-cli […]

Order Tracking Debugging

User Assistant Thanks for sharing the detailed code. Based on your final note: > _“for Tracking DHL it only save logs till `Logger::log(' Tracking name custom #dhl' . $tracking_code_title.'-'.$tracking_code);`”_ ### Problem It seems the code **stops execution after this log line** and doesn’t proceed to: – country check, – order ID extraction, – WooCommerce order […]

Top Categories WooCommerce Shortcode

User create shortocde for woocomemrcd Our top categories and disllay top 3 categories with title iage and link Assistant Here’s a complete shortcode to display the **top 3 WooCommerce product categories** with their **title, image, and link**, titled "Our Top Categories": — ### ✅ PHP Code for `functions.php`: Add this to your theme’s `functions.php` or […]