ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• May 6, 2014 at 6:59 am #72382
  abo

  Member

  Post count: 41

  Hello

  We would like to zoom an image in the shop, when the users clicks at the image and not over the icon only.
  How can we achieve this?

  Thanks!
  Aldo

  May 6, 2014 at 11:19 am #72516
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Please could you provide a link so I can understand what you mean?

  – Kyle

  May 19, 2014 at 1:20 pm #75922
  abo

  Member

  Post count: 41

  Hi

  Look here: http://dante.swiftideas.net/product/sun-buddies-type-01/
  Right now the image can only be enlarged by clicking at the icon in the top left corner.
  Most users click directly on the image to enlarge.

  So we would like to enable the complete image to be clickable to zoom it.

  Thanks
  Aldo

  May 19, 2014 at 1:39 pm #75929
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Unfortunately that’s not currently possible, however you can have the zoom on hover effect. If you go to Theme Options > WooCommerce options turn on the ‘Enable image zoom on product images’

  – Kyle

  May 27, 2014 at 12:33 pm #77846
  abo

  Member

  Post count: 41

  Hi Kyle

  Fortunately it is: Just made some CSS tweaks and it is possible.
  For the ones looking for that, I added the flowing to this entry:
  #product-img-slider li a.zoom { height: 100%; width: 100%; text-align: left; }

  Cheers,
  Aldo

  May 27, 2014 at 12:43 pm #77851
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Of course! Thanks 🙂

  – Kyle

• Back to forum

  Posted in: Dante