Month: January 2025

External Product Button Change

User we have to type of product external and inter and change add to cart button at shop to link for external product detail page Assistant To achieve this functionality in WooCommerce, where you want to replace the **Add to Cart** button with a link to the external product's detail page for external products on […]

Swiper Autoplay Interaction Fix

User var swiper = new Swiper(".swiperslides", { slidesPerView:3, spaceBetween: 30, loop: true, // Enable infinite looping autoplay: { delay: 1, }, pagination: false, speed: 8000, breakpoints: { 0: { slidesPerView: 1.2, spaceBetween: 10, }, 1024: { slidesPerView: 3, spaceBetween: 30, } } }); // Stop autoplay // Stop autoplay // Track the autoplay state let […]

Start Counting on Visibility

User Can the counting start from the moment when the element is visible? jQuery(document).ready(function($) { $('.elementor-counter-number').css('opacity', 0); // Hide numbers initially $('.elementor-counter').each(function(index) { var counter = $(this); var countTo = parseFloat(counter.find('.elementor-counter-number').data('to-value')); // Get the target value as a float var hasDecimals = countTo % 1 !== 0; // Check if the number has decimals counter.find('.elementor-counter-number').text(0); […]

Database Testing on Demo Server

User I’ve seen comments, and I’ve already applied possible solutions to the live site to fix this issue. The only option left is that I need to replicate the live site database to our demo server and then test it properly at our demo server. Then I can find what the actual problem is in […]

Owl Carousel Continuous Slider

User owl continuous slider Assistant To create a continuous slider using Owl Carousel, you'll want to set it up so that items slide continuously in a loop without stopping. Here’s a basic example of how to achieve this: ### Step 1: Include Owl Carousel CSS and JS Make sure you include the Owl Carousel CSS […]

Swiper Autoplay Pause Issue

User var swiper = new Swiper(".swiperslides", { slidesPerView:3, spaceBetween: 30, loop: true, // Enable infinite looping autoplay: { delay: 1, // Time between slides in milliseconds (3 seconds) pauseOnMouseEnter: true, // Prevent autoplay from stopping on user interaction disableOnInteraction: false }, pagination: false, speed: 6000, breakpoints: { 0: { slidesPerView: 1.2, spaceBetween: 10, }, 1024: […]

Swiper Autoplay Configuration Fix

User var swiper = new Swiper(".swiperslides", { slidesPerView:3, spaceBetween: 30, loop: true, // Enable infinite looping autoplay: { delay: 1, // Time between slides in milliseconds (3 seconds) pauseOnMouseEnter: true, // Prevent autoplay from stopping on user interaction disableOnInteraction: true }, pagination: false, speed: 10000, breakpoints: { 0: { slidesPerView: 1.2, spaceBetween: 10, }, 1024: […]

Stop Swiper Autoplay on Interaction

User On mouse interaction stop swiper slider autopsy Assistant To stop a Swiper slider's autoplay on mouse interaction (such as hovering or clicking), you can utilize Swiper's built-in methods and options. Here's how you can do it: ### Example Code: // Initialize Swiper const swiper = new Swiper('.swiper-container', { autoplay: { delay: 3000, // Time […]

Limit Excerpt to 20 Words

User get_the_excerpt put limit 20 words Assistant To limit the excerpt to 20 words in WordPress, you can use the `wp_trim_words` function. Here's how to do it: // Get the excerpt with a limit of 20 words $excerpt = get_the_excerpt(); $trimmed_excerpt = wp_trim_words($excerpt, 20); echo $trimmed_excerpt; This code retrieves the excerpt of the current post […]

Continuous Scrolling Owl Carousel

User continus scrolling owl caursel Assistant To implement a continuous scrolling Owl Carousel, you'll need to set up your HTML, include the necessary Owl Carousel CSS and JS files, and configure the carousel settings for continuous scrolling. Here’s a step-by-step guide: ### Step 1: Include Owl Carousel Files Make sure to include the Owl Carousel […]