Blog

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 […]

Database Indexing for Orders

User @jadefisher15 Yes We have applied some db index when order status related movement performed in backend order section to reduce server load Correct above Assistant Here’s a corrected version of your message: "Yes, we have applied some database indexing for order status-related movements in the backend order section to reduce server load."

Swiper Autoplay Pause On Hover

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 }, pagination: false, speed: 6000, breakpoints: { 0: { slidesPerView: 1.2, spaceBetween: 10, }, 1024: { slidesPerView: […]

Breadcrumb Modification for Blog

User add_filter('wpseo_breadcrumb_links', 'add_parent_page_to_breadcrumb'); function add_parent_page_to_breadcrumb($links) { // Get the current post if (is_singular('page')) { global $post; // Check if the current page has a parent if ($post->post_parent) { unset($links[0]); // Get the parent page details $parent_id = $post->post_parent; $parent = get_post($parent_id); // Build the parent breadcrumb link $parent_link = [ 'url' => get_permalink($parent_id), 'text' => […]

Elementor Counter Animation Viewport

User 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); // Set the initial count to zero // Start counting with a […]

Viewport Counter Animation

User 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); // Set the initial count to zero // Start counting with a […]

Decimal Counter Animation Fix

User 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 counter.find('.elementor-counter-number').text(0); // Set the initial count to zero // Start counting with a delay setTimeout(function() { counter.find('.elementor-counter-number').css('opacity', 1); // Make the number visible $({ countNum: 0 }).animate({ countNum: […]

Number Counting Animation Elementor

User elementor Start counting with the left number. Other numbers start counting with little delay between each number from left to right Assistant To create an effect in Elementor where the numbers count up from left to right, with the leftmost number starting first and others following with a slight delay, you can use a […]