New Landing › How can we help? › Atelier › Light box, image gallery on Products Image in Product Pages

Viewing 4 posts - 1 through 4 (of 4 total)
  • Back to forum
    Posted in: Atelier
  • October 7, 2015 at 3:38 pm #219166
    blueseanj
    Member
    Post count: 33

    Hi, Please i want to change that magnifier button that is above the product image in the product page, i want to make it look like a larger button, maybe a button that says ” CLICK TO SEE FULL LABEL” it’s very important because i want it when people click on it, the lightbox popup shows up with that full width screen image! Please help me this is urgent!!! You can see the magnifier button on the screenshot attached. Thanks in advance.

    Attachments:
    You must be logged in to view attached files.
    October 8, 2015 at 10:55 am #219363
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    That would require some custom CSS:

    a.woocommerce-main-image.zoom.lightbox.ilightbox-enabled i {
    display: none;
}
a.woocommerce-main-image.zoom.lightbox.ilightbox-enabled:after {
    content: "Your Custom Button Text";
}
.flexslider li a.zoom, .product-img-area li a.zoom {
   width: auto!important;
    padding: 0 10px;
}

    – David.

    October 8, 2015 at 12:08 pm #219398
    blueseanj
    Member
    Post count: 33

    Thank you so much!!! it worked like a charm! i appreciate it

    October 8, 2015 at 12:14 pm #219403
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    No problem. Thanks David.
    -Rui

  • Back to forum
    Posted in: Atelier
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register