RTL Problem with, Masonry and horizontal gallery

Hi,

Thank you for using Enfold.

The RTL layout for masonry entries aren’t set by default. Please edit the config-templatebuilder > avia-shortcodes > masonry_entries > masonry_entries.js file. Remove everything and then replace it with the following code.

// https://pastebin.com/ZpEdaEUf

Best regards,
Ismael

Hi,

Thanks for the update. Did you purge the cache and disable the theme’s file compression options?

Best regards,
Ismael

Hi!

Glad it worked. Regarding the horizontal gallery: please edit the config-templatebuilder > avia-shortcodes > gallery_horizontal > gallery_horizontal.js file and then look for this code around line 139:

prev.on('click', function(e)
			{
				if(currentIndex === false) currentIndex = 1;
				var index = currentIndex - 1;
				if(index < 0) index = 0;
				
				change_active(index);
			});
			
			next.on('click', function(e)
			{
				if(currentIndex === false) currentIndex = -1;
				var index = currentIndex + 1;
				if(index > slide_content.length - 1) index = slide_content.length - 1;
				
				change_active(index);
			});

Replace it with:

next.on('click', function(e)
			{
				if(currentIndex === false) currentIndex = 1;
				var index = currentIndex - 1;
				if(index < 0) index = 0;
				
				change_active(index);
			});
			
			prev.on('click', function(e)
			{
				if(currentIndex === false) currentIndex = -1;
				var index = currentIndex + 1;
				if(index > slide_content.length - 1) index = slide_content.length - 1;
				
				change_active(index);
			});

Again, you need to toggle the file compression or disable it temporarily.

Regards,
Ismael

Hi,

My bad. I forgot that you’re using W P M L. Please revert the modifications back to default and then use this code instead.

var rtl = $('body').is('.rtl');

prev.on('click', function(e)
{
	if(currentIndex === false) currentIndex = 1;
	var index = rtl ? currentIndex + 1 : currentIndex - 1;
	if(index < 0 && !rtl) index = 0;

	change_active(index);
});

next.on('click', function(e)
{
	if(currentIndex === false && !rtl) currentIndex = -1;
	var index = rtl ? currentIndex - 1 : currentIndex + 1;
	if(index > slide_content.length - 1 && !rtl) index = slide_content.length - 1;

	change_active(index);
});

Best regards,
Ismael