quark ecommerce nonresponsive image

Dear sirs

after installing this beautiful template, we ave discovered that the product images are not responsive on mobile ,and the nav button on fancybox is not working.
we need the images responsive as on your demosite, and the nav button to work
http://interiolux.ro/index.php/shoes/me ... ers-detail
www.interiolux.ro

please help us,
best regards and Happy New Year!
Alexandru Marta

Hi

Please add this to override.css:

Code: Select all

@media only screen and (max-width:479px) {
#fancybox-wrap {
    left: 5% !important;
    min-width: auto !important;
    padding: 0 !important;
    width: 90% !important;
}
#fancybox-content, #fancybox-content > div {
    height: auto !important;
    min-width: auto;
    width: 100% !important;
}
}


thank you
we added in template section Custom CSS code
now the image is responsive but, the nav button is not working (fancy box), if you press it, it will load the same image not the next or previous

Hi

Are You sure it was working before adding my code ? My code has a line which makes it be used only on screens smaller than 479px.

Please send me an access to joomla panel and ftp. I'll remove my code to check and send this problem to programmers if it will not be working correctly.

Dear sir

Thank you for your reply
The nav button was not working before adding the code. It wasn t working since installing quark template. So it's a template small error as you can see even here in the demo.
https://demo.gavick.com/joomla3/quark_e ... ers-detail

The 2 pics looks similar that s why it s annotisable at first sight

Hi

I reported this issue to programmers. Will let You know when I'll have an answer.

https://github.com/GavickPro/Quark/issues/31

Hi

Looks like this issue is in fancybox script itself. Programmers cannot fix it since it's not our product and they cannot afford a time to implement an override to replace it. They suggested to disable this functionality so it will not cause problems.

Please edit file gk_quark/html/com_virtuemart/productdetails/default_images.php and replace line 59:

Code: Select all

      <?php echo $image->displayMediaFull("",true,"rel='vm-additional-images'"); ?>


with

Code: Select all

      <?php echo $image->displayMediaFull("",true,"rel=''"); ?>


Thank you teitbite

do you think in near future this issue in fancybox will be resolved?
the real problem is on mobile, cause if by mistake the visitor presses the image , he will not be able to skip to next image, looks a bit tricky


thank you again, he have made the changes accordingly

Hi

I will report that to programmers, but I do not know their schedule so cannot answer when this can be done.

quark3.jpg

Dear teitbite,

another problem , the main product image is cropped , zoomed and non responsive if the size is large,
we attached an image which describes 2 situations.

we need the product to be shown as in the picture with the settings at section Activate Css Styles & Javascripts
Using the VirtueMart CSS checked but with all other buttons arranged properly.

http://interiolux.ro/index.php/en/shoes ... pen-detail

http://interiolux.ro/index.php/en/produ ... pen-detail

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

.productDetails img {
max-width: 100%;
}


Dear teitbite

thank you, works nice

Dear teitbite

is there any future in some Gk templates as in the link bellow? i need some image carousel for presentation, thx

http://www.ascensionlatorre.com/collection

Hi

I'm sorry, but I do not know an answer to this question. I do not have an access to developers schedule or projects.