Hey there,

This is a question regarding your Muka html theme.
Is it possible to add a magnifier on the t-shirts here? http://html.modernwebtemplates.com/muka/shop-product-left.html

I tried lot’s of options, but not all seem to be compatible with your template. This one is: https://www.w3schools.com/howto/howto_js_image_magnifier_glass.asp But I would like something like this: https://backlinkn21.blogspot.com/2020/11/image-magnifier.html Can that be done?

Pleas note: on your index you write "If you want to extend a theme - please hide a 3-d party free-lancer with a good experience web-development." Should be "please hiRe".

Regards,
Bruintje

Hello Dimitri,

Thank you for your fast reaction.

I am still working on the shop page, so you will see another magnifier now.
- shop page: https://parisaspersiankitchen.com/carpets/carpet1.php
- main.js: https://www.parisaspersiankitchen.com/js/main.js

Please note I also added these chained select scripts:
- https://www.parisaspersiankitchen.com/js/chainedselects.js
- https://www.parisaspersiankitchen.com/js/chainedselects-config.js

Thanks.

Kind regards,
B

Thanks, Dimitri. 

I added the code to the page, but it doesn't work: https://parisaspersiankitchen.com/carpets/carpet-nomads.php
Is it possible to have a similar magnifier effect that you implement in your template? That way it is sure that there is no script issue.Thanks.

Why do you send me away of this platform, Andrey?
It doesn't answer the issue really.

Not having a magnifier on the shop images is a missing feature, so I just wondered if you could implement it so other users can benefit also.

Don't see it work, Dmitry

http://html.modernwebtemplates.com/muka/shop-product-left.html

Thanks so much, Dimitri.

I implemented the code, as you can see here: https://parisaspersiankitchen.com/carpets/carpet-test.php

How to put the images the same dimensions, please?
The images don't show as big as they do without the zoom (height and width are different, as this is the original: https://parisaspersiankitchen.com/carpets/carpet-nomad.php

No, Dmitry, haven't changed anything, except for the size of the thumbnails:

            "navWidth": 60,
            "navHeight": 80,

Hey Dmitry,

Replaced the file, but I really don't see it work: https://parisaspersiankitchen.com/carpets/carpet-test.php

Hey Dmitry, in this screenmovie you will see I looked at it in Chrome Ingocnito, and then refreshed the page:

https://we.tl/t-RsIEP85PhH (WeTransfer)
Regarding the menu: thanks for the help.

Works perfectly, thanks.

Seems I was too soon with the good news, Dmitry. When opening the page, cache cleared, it first shows up like this.
When I refresh the page, all works well.

Any fix for that, please?

Hey gentlemen, it is your html template, so all files are easy to check through source code.
But it seems it is not necessary, as both Chrome and Safari show all correctly today.
So it much have been cookies or cache.
My apologies.

Hey Dmitry,
It all looks good now on the site, it seems, so no bugs, right? All well at the end ;-)
The options you show are really nice, so certainly an added value to your template! Welldone!

Could you just confirm that all works well on the site, please?Just to make sure I am not the only one that checks:
https://www.parisaspersiankitchen.com/persian-carpets.php  (6 items)
Thanks.

Thanks, Dmitry, I made the adjustments.
Also an added feature: add a pop-up

Here's the code:
   

    <div id="my-welcome-message" class="hidden-xs hidden-sm">

    </div>

    <script>
$(function () {
$('#my-welcome-message').firstVisitPopup({
cookieName : 'homepage',
showAgainSelector: '#show-message'
});
});
</script>

/* pop-up */

#fvpp-blackout {
  display: none;
  z-index: 499;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
}

#my-welcome-message {
  display: none;
  z-index: 500;
  position: fixed;
  right: 10px;
  bottom: 10px;
  padding: 45px 15px 0px 15px;
  font-family:  "Montserrat", serif;
  background: #FFF;
}

#fvpp-close {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
}

#fvpp-dialog h2 {
  font-size: 2em;
  margin: 0;
}

#fvpp-dialog p { margin: 0; }

/* pop-up */

Hey Dmitry,

I would sincerely like to add a webshop to my website. You made all the pages ready on Muka html template, so what script service (SaaS) do you suggest to use for handling the webshop, please?