Blog

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

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