• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 26.10.18, 12:02
  • Opened by: caravntrader
  • Closed by: Marek
  • Closed on: 30.12.18, 20:16
  • Reason: Closed
  • Comment: Glad to help!

Ticket #13144 - product page

Hello,

the carousel for the product images is not active. It shows only 4 images, the cursor is not displayed to show the additional product images.

Regards

Comments

Marek 26 Oct 2018, 12:03

please update theme first

caravntrader 26 Oct 2018, 12:25

is the latest version as you say

caravntrader 26 Oct 2018, 12:27

by the way, the login is the same as ftp login

Marek 26 Oct 2018, 12:29

I’m not able to see your website. Tried both login and passwords from your profile

caravntrader 26 Oct 2018, 12:39

now the access ist free, no needs any passwords

Marek 26 Oct 2018, 13:17

Now give me a link to a product where I could see the issue

Marek 26 Oct 2018, 13:23

I need access to files to make a fix, please update FTP credentials in your profile

caravntrader 26 Oct 2018, 13:28

done

Marek 27 Oct 2018, 10:31

The issue has been fixed. Please check it out

caravntrader 27 Oct 2018, 12:32

Thanks you.
Please the same issue on iPad.

caravntrader 27 Oct 2018, 12:48

thank you, please checke the same issue on ipad

Marek 30 Oct 2018, 12:50

Yes, I see.
Try this fix:

@media (max-width:1024px){
.vc_container .product-images {display:block}
}
caravntrader 02 Nov 2018, 10:33

Now the top and buttom cursor is hidden, it show only 4 detail images.

Marek 02 Nov 2018, 10:55

Strange, only iPad don’t want to show an arrows.
So try this solution:

#product .js-vCarousel i svg {opacity:0}
#product .js-vCarousel .up {background: url("https://alysum5.promokit.eu/themes/alysum/assets/svg/arrow-up.svg") 50% 50% no-repeat;}
#product .js-vCarousel .down {background: url("https://alysum5.promokit.eu/themes/alysum/assets/svg/arrow-down.svg") 50% 50% no-repeat;}
caravntrader 09 Nov 2018, 16:55

can you please tell me the fix for the arrows on the desktop.

Marek 09 Nov 2018, 17:00

Here is correct function from theme.js file

function vertCarouselInit() {
  if ( ($('.images-container .product-images li').length > 4) ) {
    $('.product-images').imagesLoaded( function() {
      $(".js-vCarousel").verticalCarousel({
          currentItem: 1,
          showItems: 4,
      })
      .addClass('scroll');
    });
  } else {
    $('.js-qv-mask').find('i').hide();
  }
}
caravntrader 09 Nov 2018, 17:16

did not help. can you please by the way check the ipad portrait view?

1. menue and search bar are overlaped by slider
2. the top bar is also not good. should be anmelden|registrieren
3 the footer should be also resized

Marek 10 Nov 2018, 10:44

Please update back office link in your profile

caravntrader 15 Nov 2018, 15:27

done

Marek 16 Nov 2018, 10:00

Yes I see, but I don’t have access to Theme Settings and Page builder modules