Return to previous page

Magnifying glass over image woocommerce all the time

This topic has 4 replies, 2 voices, and was last updated 5 years, 6 months ago ago by Olga Barlow

  • Avatar: indigoross
    indigoross
    Participant
    June 10, 2019 at 09:20

    Hi

    I hope all is well.

    On the woocommerce product pages, is it possible to have a magnifying glass over the main product image all the time, not just when you hover it so it lets people know you can make the image larger?

    Many thanks for your help!

    #215321 Copied Theme version: Version: 5.2 WooCommerce version: Version 3.6.3
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 10, 2019 at 11:14

    Hello,

    Do you want to get the zoom button over the image? Something like this http://prntscr.com/nzvvyu ?
    Then add the following custom CSS to child theme style.css

    .images-wrapper .main-images:before {
    width: 30px;
    height: 30px;
    border-radius: 5px;   
    background: #fff;
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-family: 'xstore-icons';
    content: '\e90b';
    z-index: 1;    
    display: flex;
    align-items: center;
    justify-content: center;   
    pointer-events: none;
}

    Regards

    #215330 Copied
    Avatar: indigoross
    indigoross
    Participant
    June 10, 2019 at 16:19

    Hi Olga,

    Exactly what i needed 🙂

    Thanks so much!

    Scott

    #215340 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 10, 2019 at 18:25

    Hello,

    You are welcome!

    Regards

    #215352 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Photographer – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Games Store – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.