[Skip to main content](#vessel-content)

#   display canvas instead of product image on product page

##

- **[rasheed1011](/forum/user/31602-rasheed1011 "View rasheed1011's Profile")**
- [![rasheed1011's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31602-rasheed1011 "View rasheed1011's Profile") Topic Author
- [ Offline](/forum/user/31602-rasheed1011)

Less More

- Posts: 42
- Thank you received: 1
-
-

1 year 7 months ago [\#366158](#366158) by [rasheed1011](/forum/user/31602-rasheed1011 "View rasheed1011's Profile")  *[display canvas instead of product image on product page](/forum/26-product-category-display/909248-display-canvas-instead-of-product-image-on-product-page#366158 "-- HikaShop version -- : 5.1.5 -- Joomla version -- : 5.2.5 -- PHP version -- : 8.4.3 -- Browser(s) name and version -- : google chrome  Hi,  How to display canvas instead of product image on product page only for few products. this canvas should display ajax&#95;image uploaded by user with option to zoom-in, zoom-out, reset and move the image within canvas.  Please guide me how to achieve this. I am stuck for more than a month now.  regards Abdul Rasheed Mohammed")* was created by *[rasheed1011](/forum/user/31602-rasheed1011 "View rasheed1011's Profile")*

-- HikaShop version -- : 5.1.5
-- Joomla version -- : 5.2.5
-- PHP version -- : 8.4.3
-- Browser(s) name and version -- : google chrome

Hi,

How to display canvas instead of product image on product page only for few products. this canvas should display ajax_image uploaded by user with option to zoom-in, zoom-out, reset and move the image within canvas.

Please guide me how to achieve this. I am stuck for more than a month now.

regards
Abdul Rasheed Mohammed

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDkyNDgtZGlzcGxheS1jYW52YXMtaW5zdGVhZC1vZi1wcm9kdWN0LWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86320
- Thank you received: 14277
-
-

1 year 7 months ago [\#366171](#366171) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[display canvas instead of product image on product page](/forum/26-product-category-display/909248-display-canvas-instead-of-product-image-on-product-page#366171 "-- HikaShop version -- : 5.1.5 -- Joomla version -- : 5.2.5 -- PHP version -- : 8.4.3 -- Browser(s) name and version -- : google chrome  Hi,  How to display canvas instead of product image on product page only for few products. this canvas should display ajax&#95;image uploaded by user with option to zoom-in, zoom-out, reset and move the image within canvas.  Please guide me how to achieve this. I am stuck for more than a month now.  regards Abdul Rasheed Mohammed")*

Hi,

Here is an example:
[ stackoverflow.com/questions/40314220/hov...he-cursor-in-a-canva](https://stackoverflow.com/questions/40314220/hover-an-image-and-show-a-zoomed-version-of-an-area-around-the-cursor-in-a-canva)
It actually doesn't use canva.
You just need to duplicate the img tag and put the second one in a container div and then have a bunch of javascript code like in the snippet provided there to make it work.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDkyNDgtZGlzcGxheS1jYW52YXMtaW5zdGVhZC1vZi1wcm9kdWN0LWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[rasheed1011](/forum/user/31602-rasheed1011 "View rasheed1011's Profile")**
- [![rasheed1011's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31602-rasheed1011 "View rasheed1011's Profile") Topic Author
- [ Offline](/forum/user/31602-rasheed1011)

Less More

- Posts: 42
- Thank you received: 1
-
-

1 year 7 months ago [\#366225](#366225) by [rasheed1011](/forum/user/31602-rasheed1011 "View rasheed1011's Profile")  Replied by *[rasheed1011](/forum/user/31602-rasheed1011 "View rasheed1011's Profile")* on topic *[display canvas instead of product image on product page](/forum/26-product-category-display/909248-display-canvas-instead-of-product-image-on-product-page#366225 "-- HikaShop version -- : 5.1.5 -- Joomla version -- : 5.2.5 -- PHP version -- : 8.4.3 -- Browser(s) name and version -- : google chrome  Hi,  How to display canvas instead of product image on product page only for few products. this canvas should display ajax&#95;image uploaded by user with option to zoom-in, zoom-out, reset and move the image within canvas.  Please guide me how to achieve this. I am stuck for more than a month now.  regards Abdul Rasheed Mohammed")*

I paid for business license and I get vague links as support . this is not acceptable. I thought support from hikashop will be better.

My requirements are pretty clear.

for only few products(not all the products), i want to display canvas instead off product image.
User will have option to customize the product... like uploading a picture or adding a text to the product which should be displayed in canvas . user should have option to zoom in, zoom out , reset and move image in canvas
for Text, user should be able to chain font, color, size, orientation, shape etc.

I am struggling rom last 1 month and created multiple tickets with this issue and all i get from your team is link to some stackoverflow discussion chain.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDkyNDgtZGlzcGxheS1jYW52YXMtaW5zdGVhZC1vZi1wcm9kdWN0LWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86320
- Thank you received: 14277
-
-

1 year 7 months ago [\#366229](#366229) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[display canvas instead of product image on product page](/forum/26-product-category-display/909248-display-canvas-instead-of-product-image-on-product-page#366229 "-- HikaShop version -- : 5.1.5 -- Joomla version -- : 5.2.5 -- PHP version -- : 8.4.3 -- Browser(s) name and version -- : google chrome  Hi,  How to display canvas instead of product image on product page only for few products. this canvas should display ajax&#95;image uploaded by user with option to zoom-in, zoom-out, reset and move the image within canvas.  Please guide me how to achieve this. I am stuck for more than a month now.  regards Abdul Rasheed Mohammed")*

Hi,

Incuding these in the product page is possible, but only with proper development work.
This will require several days of development. It's totally doable if you're a developer, and my links were to help you get on the right track.
However, this is not something I can provide to you as part of the normal support.
Please understand that HikaShop Business only costs 120€. The hourly rate of a skilled developer who could work on that for you is high and the user support (helping the user configure HikaShop, not add custom extra features to it) cannot realistically take this into account.
If you want us to work for you on your requirements, it's not impossible, but it can't be done through a forum. It will require talking about this in private to convene of an amount, a timeframe (it will be over several days at least), etc.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL3Byb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDkyNDgtZGlzcGxheS1jYW52YXMtaW5zdGVhZC1vZi1wcm9kdWN0LWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.065 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
