Questions tagged [flexslider]

FlexSlider is a fully responsive jQuery slider plugin.

flexslider
Filter by
Sorted by
Tagged with
0 votes
1 answer
38 views

How can I resolve the flex slider?

Can anyone help me figure out why am I getting this error? Uncaught TypeError: jQuery(...).flexslider is not a function jQuery(document).ready(function() { jQuery('.slider').flexslider(); at ...
Marie's user avatar
  • 1
0 votes
1 answer
34 views

How to use button hyperlinks using Flexslider?

I want to use my flexslider to navigate through my pages. it will not let me click on the buttons on top of the slider. slider: button, h3 { position: absolute; z-index: 2; } .slides button { ...
PinetatoRaptor's user avatar
0 votes
1 answer
34 views

How can I disable mousewheel after last slide and reenable it when reaches top of page?

I am trying to disable mousewheel on last slide and scroll down to pages when reached end of flexslider. Issue here is that I am not able to use mousewheel again when reached back to top of page. I am ...
Himanshu Jain's user avatar
0 votes
0 answers
12 views

Xsl fo basic link does not create a external link in pdf properly

Xsl fo basic link doens't work if link gets broken in two parts and also if link is in one line it doesn't work in adobe. I tried using keep together inline feature but it doesn't work.Also i tried ...
Aditya Dubey's user avatar
0 votes
0 answers
61 views

How to position Woocommerce Flexslider navigation

I have changed the default Flexslider options for the Woocommerce single product gallery: add_filter( 'woocommerce_single_product_carousel_options', ' update_woo_flexslider_options' ); function ...
user avatar
0 votes
0 answers
54 views

how can i convert this vanilla js code to reacts

please i need some tip on how to convert the following vanilla js to react. i have been able to convert the html part successfully, but i will need some tip on the react part. any tip will appreciated....
Kiki-ko's user avatar
0 votes
0 answers
49 views

Embedding SociableKit breaks my Flexslider on website

As i wanted a method of embedding google reviews to my website I went with SocialbleKit. Embedding this in my website caused issues. The following is the code provided by socialble to embed. --> &...
Markos Gerges's user avatar
0 votes
2 answers
69 views

How to change images in flexslider?

I know this is a very basic question but it has me very confused - there's not much documentation that I could find about the flexslider. Also, I'm very new to this language, I'm a C++ / ASM type ...
Videosplicer's user avatar
0 votes
0 answers
42 views

Flexslider to load different slide on each time the page reloads

I am using this flexslider plugin for one of the projects with 3 videos and text over them. My issue is that sometimes when the page reloads it loads the same slide again. Is there any way to make ...
Reka Salamon's user avatar
1 vote
1 answer
41 views

Remove an attribute based on its value (specific entry's first child)

I'm trying to remove attribute whose value ="remove_it" but not able to find a way This is Input xml <row> <entry> <...
vimal kumar's user avatar
1 vote
1 answer
707 views

Turn off Woocommerce touch slider(Flexslider.js) in single product gallery

I am trying to turn of flexslider touch function on my Woocommerce single product page. I've been trying to figure out what calls the function to make the gallery slider draggable on mobile and I have ...
in2d's user avatar
  • 596
1 vote
1 answer
95 views

I can't make the books slider

There are books in my incoming data. I want to make these books slider by categories. In other words, when I click on the 1st class, the books belonging to the 1st class will be listed. When I click ...
Tolga Günaydın's user avatar
0 votes
1 answer
51 views

How can I replace a flexslider with stacked content in Shopify?

On the desktop version of our site, we have a 3 column section (the theme calls is text-adverts) with one about pickup, one about delivery, one about shipping. On mobile, it automatically converts to ...
Brooke's user avatar
  • 1
1 vote
0 answers
180 views

Unslider doesn't show navigation dots on the slider image

Please help find out the issue with the navigation dots not appearing on the slides. The option to get the dots has been set to true as seen in the code below. This is from jQuery document on unslider ...
CodeForGood's user avatar
1 vote
2 answers
634 views

Improve quality of woocommerce thumbnails on product page

I am trying to improve the quality of Wooommerce thumbnails on product page, but with no results. The thumbs are always displayed blurry not matter what I do. I have tried different plugins like for ...
Rob Change's user avatar
1 vote
0 answers
611 views

Auto-move (scroll) product thumbnails on product page image slider

I've got a problem with the product image slider on the product page. I used flex to display thumbnails in one row. There are 5 thumbnails in a row. Images move correctly using direction arrows. How ...
Pat's user avatar
  • 717
1 vote
0 answers
215 views

Flexslider - Disable scrolling on last slide

I'm currently using the Flexslider module for Drupal 8. I want to create a vertical carousel that you can control with the mouse wheel. Scrolling exists, but it loops the slides endlessly. I want the ...
Kellen's user avatar
  • 1,092
0 votes
3 answers
1k views

Image wider than flex-viewport after making thumbnails vertical

I've a problem with image size in Woocommerce and FlexSlider product gallery. I'm using a free Astra theme. I've found the code that makes the thumbnail vertical on the left side of product image. ....
brane's user avatar
  • 41
0 votes
1 answer
66 views

Images in flexslider not working responsively

I would be really grateful for some help. I have a very limited understanding of HTML and am trying to customize this webpage template using HTML/css. My main issue is that when I add flexslider into ...
Sonia Roe's user avatar
6 votes
1 answer
1k views

FlexSlider with Woocommerce: prevent vertical swipe touch on horizontal sliders

with WooCommerce 4.2, on iOS, FlexSlider (v2.7.2) show a bug with a horizontal slider: when the focus is on the slider as the user swipes left or right, the vertical scroll is still active, there is ...
Louis's user avatar
  • 2,576
6 votes
3 answers
5k views

Prevent clickable image in product page, disable product-image link

With Woocommerce and my Storefront child theme, I am trying to prevent the fact that when clicking on a single-product image, it opens a new page with the full size image. I want the image to be ...
Louis's user avatar
  • 2,576
1 vote
1 answer
1k views

How to Change FlexSlider options in WooCommerce child theme

I have just changed this part of class-wc-frontend-scripts.php file which is available in "includes" folder of Woocommerce: 'flexslider' => apply_filters( '...
Omid Toraby's user avatar
0 votes
1 answer
69 views

getting."flexslider is not a function" only sometimes

I get the following error every now and then when I try to run flexslider on my website: Uncaught TypeError: $(...).flexslider is not a function I've searched all the similar questions and tried the ...
user2588317's user avatar
0 votes
1 answer
1k views

No such file or directory in Drupal\Core\Asset\JsCollectionOptimizer (Flexslider) Drupal 8

I have a new Drupal 8 site installed and I'm trying to get the Flex Slider module to work. After installing it in /admin/reports/status there is the following error: FlexSlider library not found. ...
Mark's user avatar
  • 75
0 votes
0 answers
518 views

WooCommerce: Change image version in FlexSlider gallery navigation

I want to change the image version used by the FlexSlider on the WooCommerce product page. At the moment the slider uses for its gallery navigation the thumbnail size. But these image size is cropped ...
Cray's user avatar
  • 5,387
3 votes
1 answer
12k views

WooCommerce: Change size of gallery thumbnail

I want to change the thumbnail size of the gallery thumbnail to max. 60x60px. Without cropping them. I found the following hook in the WooCommerce docs: add_filter( 'woocommerce_gallery_thumbnail_size'...
Cray's user avatar
  • 5,387
2 votes
1 answer
2k views

Use dots in WooCommerce FlexSlider instead of thumbnails on mobile

I want to change the the WooCommerce FlexSlider to use dots in the gallery instead of the thumbnails. But on Desktop I want to show the thumbnails. I found a solution to use dots or thumbnails but not ...
Cray's user avatar
  • 5,387
0 votes
1 answer
33 views

Is it possible to use FlexSlider 2 for a both ltr and rtl side?

I've build a WordPress Theme and I'm currently working on rtl support. The slider breaks whenever I adjust the screen size in the browser, I see that there is an rtl version of FlexSlider 2, I'm if it'...
Mahmoud AbuHassan's user avatar
1 vote
1 answer
303 views

Need help using Advanced Custom Fields with Flexslider 2

I am trying to produce a basic slider in Wordpress using ACF & Flexslider 2. I want to show text on the left & an image on the right, like the arrangement I've created in the attached ...
ceteed's user avatar
  • 13
3 votes
1 answer
4k views

Change FlexSlider options on mobile in Woocommerce

By default on single product page enabled option 'controlNav' = 'thumbnails'. It's ok for desktop. But on mobile i want to be 'controlNav' = true (dots). I tried to do it with ajax, but I think I need ...
Eugen Belousov's user avatar
0 votes
1 answer
133 views

FlexSlider sync after adding/removing sliders

I just implemented a slider with thumbnails using FlexSlider and everything works just fine. When I click one of the thumbnails the slider would move to that slide. However, after I remove all slides ...
Min Lee's user avatar
  • 367
0 votes
1 answer
3k views

How do I control the WooCommerce product gallery flex-control-nav and flex-control-thumbs lists?

I'm building a simple store using WooCommerce to sell a book in a photography website. It's working fine and looking good, except that when the window is resized the thumbnails, which are wrapped by ...
mtm's user avatar
  • 77
1 vote
0 answers
27 views

FlexSlider Active Image in MainSlide not in SubSlide

I have a problem with my carousel. And I'm using Flexslider plugins. If I tried to select different slides and the subslide pop-out, the active slide that I clicked in the main slide is not showing ...
Ven's user avatar
  • 431
0 votes
0 answers
107 views

only first product image appears in woocommerce and rest doesn't works

i am using my website with woocommerce but the problem is when i click on product and lands to product page and check the first image its works fine and zoom perfectly on mouse hover, but when i click ...
MMaggy's user avatar
  • 42
1 vote
0 answers
42 views

Flexslider not loading viewport on edge conditions

So I seem to have an issue that I can replicate on all browsers, but using the chrome debugger, I was not able to find any issues. No warnings or errors are produced. Essentially the viewport will ...
Cowmoogun's user avatar
  • 2,557
1 vote
0 answers
83 views

Issues Flexslider mobile view when slides are different heights

First of all I've searched for the solution but couldn't find any.. I'm new at this so I lack experience to solve this, hopefully somebody can help me :) The Problem: I use flexslider on my ...
Jessica's user avatar
  • 11
3 votes
0 answers
253 views

Updating Options of Flexslider in Wordpress

Flexslider has before function Fires asynchronously with each slider animation //before: function(){}, //Callback: function(slider) Trying to update its options at functions.php but callback api ...
Met Br's user avatar
  • 649
0 votes
2 answers
436 views

How to fix-up images on a flexslider to be responsive?

So I have an HTML template I got off the internet. I have edited it and made a website in the way I want it to be, however I am facing problem with FlexSlider. On a mobile device, the images ("slides"...
ServerMan's user avatar
2 votes
1 answer
2k views

Flexslider thumbnail with more 4 image don't slide

I am creating a site with woocomerce and wordpress, and I have a product with 6 related images and instead of showing 4 images the flex slider shows me the 6 images in two lines. I tried using this ...
NastroAdesivo's user avatar
1 vote
0 answers
213 views

Prevent FlexSlider thumbnails from changing main image on scroll on mobile

I am trying to get flexslider to only change the main image if a thumbnail is clicked on mobile. Right now what's happening is that if you scroll the thumbnails, the main image changes too. You can ...
f1ss1on's user avatar
  • 168
0 votes
1 answer
846 views

Flexbox inside Flexbox (Slider)

I want to create a horizontal Slider with Sections. <div class="slider"> <div class="section"> <div class="card">Section 1 Card 1</div> ... </div> <div ...
PunkPengu's user avatar
1 vote
2 answers
2k views

WooCommerce: Remove thumbnails from gallery but keep slider navigation

I want to remove the thumbnails from the gallery (flexslider) of the product single page. But I want to keep the arrow for the previous/next images (in case there is more than 1 image). I found the ...
Cray's user avatar
  • 5,387
0 votes
2 answers
1k views

Zooming class added to all images in slider without checking if the 'li' is active

I have a problem with flexslider 2 and elevate zoom plus. I would like to zoom active image from the slider. I have to use this option, because I also use ACF in wordpress and only this one works as I ...
AseretIT's user avatar
0 votes
1 answer
82 views

onclick of 2nd image should become active (i.e. make a next() call)

I am displaying 2 images in a slider one beside another with next and previous icons. Not able to add one more scenario i.e. onclick of 2nd image in the slider should make a next() call and so on in ...
Harish Ashok Megharaj's user avatar
0 votes
1 answer
83 views

FlexSlider not loading any properties (slideshow, animation, loop)

I have flexslider loaded on my website here: https://reach.med.fsu.edu/ The slides are there and I can scroll through them, but I can't seem to get it to auto animate. Putting slideshow:true, has no ...
Mark Bauer's user avatar
-1 votes
1 answer
229 views

The flexslider is not product pictures in WooCommerce with Avada Theme

Can you help I currently manage this website https://ecolamp.co.uk/ with Woocommerce products and Avada child theme installed. We have added https SSL and all is fine except products are no missing on ...
Paul Wolf's user avatar
0 votes
1 answer
204 views

FlexSlider Arrows working but not visible

I tried following advice about this issue from other chat rooms but with no luck. I am using Unbounce and I copied all codes from one old landing page to a new one. Everything works except the arrows ...
Marie Morcinková's user avatar
1 vote
0 answers
350 views

Laravel and Blade dynamic flexslider issues

I am using blade and laravel to create an image gallery. I can loop through an album and get the pictures to appear which is great, and got a bootstrap carousel to work. However I would like to use ...
aisake's user avatar
  • 155
1 vote
2 answers
2k views

FlexSlider/WooCommerce Single Product Image Gallery: Trying to trigger featured image change from the color picker

I'm setting up a soon-to-be-launched WooCommerce site. I am using https://wordpress.org/plugins/woo-variation-swatches/ to manage the variation attributes for the products: all products have color ...
nstampler's user avatar
0 votes
0 answers
56 views

Deep linking issue with flexslider

I'm using flexslider for showing custom post type posts. I've managed to get the deep linking to work by adding the post id to each li element and using this to update the url with that id when ...
Wim's user avatar
  • 119

1
2 3 4 5
23