I have an issue with Yith infinite scroll plugin when, (http://prntscr.com/gittui – General Settings Yith plugin), code from “oxygen/assets/js/oxygen_custom.js” (https://pastebin.com/fXhR61Xz) ) which is not executed when ajax load new woocommerce product , practically new items does not have arrows left and right and I can not change thumbnails product images (http://prntscr.com/gitwun – In red borders is new loaded woocommerce products).
https://miamifashionboutique.com/product-category/shoes/booties/ - live site example, when you hover over woocommerce item, you will see arrows left and righ and you can change thumbnail product images, but on staging area I have another environment (screenshots from prntscr)
This is a third-party plugin so please contact the plugin author and see if they can help you. If you don't find any help then my team mate (Arlind) maybe can help you with this question, but he is not in the office until 15 September. When Arlind come back, just reply to this thread and you will make sure he will see your comment.
This is code from your theme - wp-content/themes/oxygen/assets/js/oxygen-custom.js
The issue that I am having is not caused by the plugin, but depends on the theme that I using.
The code I sent is not working because it is processed only on document ready,, which means, only when the page is loaded. There's no way to process that code snippet again after an AJAX call and the plugin cannot change this behaviour either.
Greetings,
I have an issue with Yith infinite scroll plugin when, (http://prntscr.com/gittui – General Settings Yith plugin), code from “oxygen/assets/js/oxygen_custom.js” (https://pastebin.com/fXhR61Xz) ) which is not executed when ajax load new woocommerce product , practically new items does not have arrows left and right and I can not change thumbnails product images (http://prntscr.com/gitwun – In red borders is new loaded woocommerce products).
https://miamifashionboutique.com/product-category/shoes/booties/ - live site example, when you hover over woocommerce item, you will see arrows left and righ and you can change thumbnail product images, but on staging area I have another environment (screenshots from prntscr)
I need your help with this issue? Thank you
{"wp":{"use":false,"adminUrl":"https://miamifashionboutique.com/wp-admin","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}
Hi Mfboutique,
This is a third-party plugin so please contact the plugin author and see if they can help you. If you don't find any help then my team mate (Arlind) maybe can help you with this question, but he is not in the office until 15 September. When Arlind come back, just reply to this thread and you will make sure he will see your comment.
Thanks for your understanding!
This is code from your theme - wp-content/themes/oxygen/assets/js/oxygen-custom.js
The issue that I am having is not caused by the plugin, but depends on the theme that I using.
The code I sent is not working because it is processed only on document ready,, which means, only when the page is loaded.
There's no way to process that code snippet again after an AJAX call and the plugin cannot change this behaviour either.
I need solution for this issue please. Thank you
Line 316
// Product Gallery (Loop)
$(".product .full-gallery").each(function(i, el)
{
var $this = $( el ).parents( '.product' ),
$images = $this.find('.image.full-gallery .thumb img');
if($images.length > 1)
{
$this.find('.image').append( '<a href="#" class="thumb-prev">Prev</a><a href="#" class="thumb-next">Next</a>' );
var $nextprev = $this.find('.thumb-prev, .thumb-next');
$nextprev.on('click', function(ev)
{
ev.preventDefault();
var dir = $(this).hasClass('thumb-prev') ? -1 : 1,
$curr = $images.filter(':not(.hidden-slowly)'),
$next = $curr.next();
if(dir == 1)
{
if($next.length == 0)
$next = $images.first();
}
else
{
$next = $curr.prev();
if($next.length == 0)
$next = $images.last();
}
$next.addClass('enter-in notrans ' + (dir == -1 ? 'ei-left' : '')).removeClass('hidden hidden-slowly hs-left hs-right');
$curr.addClass('hidden-slowly ' + (dir == -1 ? 'hs-left' : ''));
setTimeout(function(){ $next.removeClass('enter-in notrans ei-left'); }, 0);
});
}
});