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, 5 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Plants Store– WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Church – WordPress 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.