Problem In Products Image Show

hi

theres no problem on english language but when i switch to arabic language

only first image of my products showing on store.

https://prnt.sc/qwhn9n

second image not appears on page

https://prnt.sc/qwhmin

I have checked inspect elements for second image and i see below issue caused this

this is code for first image of product that is ok.

class="owl-wrapper" style="width: 1120px; left: 0px; display: block; transition: all 200ms ease 0s; transform: translate3d(0px, 0px, 0px);"

and this is code for second image of products that showing white blank image

class="owl-wrapper" style="width: 1120px; left: 0px; display: block; transition: all 200ms ease 0s; transform: translate3d(-280px, 0px, 0px);"

the issue will be fixed temporary if we change

translate3d(-280px, 0px, 0px)

to

translate3d(+280px, 0px, 0px)

manually

but i dont know which template i should edit for fixing it forever.

help plz.

thanks

Hala farsgsm,

hi

theres no problem on english language but when i switch to arabic language

only first image of my products showing on store.

https://prnt.sc/qwhn9n

second image not appears on page

https://prnt.sc/qwhmin

I have checked inspect elements for second image and i see below issue caused this

this is code for first image of product that is ok.

class="owl-wrapper" style="width: 1120px; left: 0px; display: block; transition: all 200ms ease 0s; transform: translate3d(0px, 0px, 0px);"

and this is code for second image of products that showing white blank image

class="owl-wrapper" style="width: 1120px; left: 0px; display: block; transition: all 200ms ease 0s; transform: translate3d(-280px, 0px, 0px);"

the issue will be fixed temporary if we change

translate3d(-280px, 0px, 0px)

to

translate3d(+280px, 0px, 0px)

manually

but i dont know which template i should edit for fixing it forever.

help plz.

thanks

What version of CS-Cart are you using? it was a bug in the previous version 4.11.1 and it should have been fixed in the current release. Here is how to fix:
In the following file:
/js/tygh/product_image_gallery.js b/js/tygh/product_image_gallery.js
Search for this line
$('.cm-preview-wrapper', context).owlCarousel({ 
and add this line after it:
direction: _.language_direction,
Final code will become like this:
(function(_, $) {
$.ceEvent('on', 'ce.commoninit', function (context) {
$('.cm-preview-wrapper', context).owlCarousel({
direction: _.language_direction,
pagination: false,
singleItem: true,
addClassActive: true,

big thanks , alaa

it works!

Hala farsgsm,

What version of CS-Cart are you using? it was a bug in the previous version 4.11.1 and it should have been fixed in the current release. Here is how to fix:
In the following file:
/js/tygh/product_image_gallery.js b/js/tygh/product_image_gallery.js
Search for this line
$('.cm-preview-wrapper', context).owlCarousel({ 
and add this line after it:
direction: _.language_direction,
Final code will become like this:
(function(_, $) {
$.ceEvent('on', 'ce.commoninit', function (context) {
$('.cm-preview-wrapper', context).owlCarousel({
direction: _.language_direction,
pagination: false,
singleItem: true,
addClassActive: true,

I have the same issue. This solution did not work for me. I am using Multi-Vendor 4.10.4.SP1.

Can you kindly assist?

I have the same issue. This solution did not work for me. I am using Multi-Vendor 4.10.4.SP1.

Can you kindly assist?

Did you clear cache? Try to delete the var/cache directory manually

Did you clear cache? Try to delete the var/cache directory manually

Yes I did. Same issue :(