If you will look at this page in various browsers,
or look at any vehicle detail page on http://www.74auto.com, the second image displays first and you don’t see the first thumbnail at the bottom…..if you hit refresh in most cases the problem corrects itself.
Help, please, the client wants his main, first image to show up both as the main image and as the thumbnail.1 year, 7 months ago Alex – Support TeamKeymaster
1. unfortunately I cannot reproduce the problem
2. please specify the problem in our original version
The quality of an answer depends significantly on the quality of the question. If you ask correct questions, you will help people to understand you immediately and get answers quickly!
The problem arises in the bx slider thumbnails section of detail.html. The data-slide-index you have starting at 0 in your original template. I am implementing a foreach loop from our cms and the upload counter starts at 1. instead of using our upload counter i have had to start a counter on the page and for some reason the slider wants to load the first image in the large image and highlight the second image in the thumbnail, then if you refresh the page it loads the second image as the large image.
Is there any way you can change the slider setup to start with 1 instead of 0. if this is something we need to pay for that would be possible. Thanks and hopefully this explains the issue.
You can read all bxSlider option here http://bxslider.com/options. For fix your problem you need to use “startSlide” options.
Open theme.js and update function for bxSlider
See example on the below image:
Attachments:You must be logged in to view attached files.
This thing is giving me all kinds of fits….
I have edited the theme.js as you suggested. Start slide 1.
The thumbnails now work correctly, but the large image now sometimes loads the correct image, the first image uploaded, sometimes it loads the last image uploaded. I believe this is because my cms starts numbering at 1, the bxslider defaults to 0 and there is no where to set the count on the large image area. I have to call my images twice from my database, once for the large image, once for the thumbnails and sometimes the page seems to load the large image correct, then flicker and switch to incorrect image. It happens randomly in chrome, ie, firefox and safari and different on different machines in my office. My client wants a thumbnail slider that works just like this and we would be willing to pay for custom bxslider to fit this template and the dynamic content.
I can send you my template files and js files. Probably be easier to do via regular email. Mine is firstname.lastname@example.org. Let me know if you would like to help me on this.
I had to change clients live site, but i set this up for you to look at. here is the link to the test of the issue going on. http://www.74auto.com/vehicles-dso.php from here click on any of the results to see the details page with the odd functioning bxslider.
You don’t need to change bxSlider library. You just need to add this option in theme.js. And you have syntax error. Use startSlide instead starSlide.
Also you need to debug your site if slider doesn’t work it means that you have mistakes in you code.
Unfortunately I can’t help you with this problem. I think you need to debug your backend code or array with images.
I tried to reproduce this bug on my template and its works correctly without bugs.
Please, share your template files and js files. May be in dropbox or google drive. And give me the link. I will try to understand why you have this bug.
Here are links to template file
modified jquery.bxslider.js from assests/bxslider directory
I found two problems in your code.
At first. Why did you change jquery.bxslider.js? It is library and it is couldn’t be changed. If you need more options for slider you should change slider function in theme.js
If you need to change order in sleder you should do it in your array not in html or js.
You must be logged in and have valid license to reply to this topic.