Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 17, 2016 at 3:17 pm #633777
    MichaelAlbany

    Is there a way to get a Buy Now button into the lightbox view of an image?

    The client would like to use the lightbox view option so that shoppers can scroll through a gallery and then just click the button to be taken to the product page. Currently the idea is to look at thumbnails, select what you like to see purchasing options, then click another thumbnail to see the image. He would like to flip that so that they can view the large version, THEN get taken to the product options/purchase page.

    May 17, 2016 at 3:27 pm #633783
    Yigit

    Hi MichaelAlbany!

    According to this website – http://www.downforeveryoneorjustme.com/ your website is currently down. Please check the link once again.

    Can you please show us a live example of the changes you would like to make? Or at least a screenshot/mockup so we can make sure to be on the same page? :)

    Regards,
    Yigit

    May 17, 2016 at 3:51 pm #633807
    MichaelAlbany

    Yigit,

    I am able to put a href link in the name field of the image that shows in the lightbox view but I would like to replace it with a button like so:

    http://www.jackzigon.com/wp-content/uploads/2016/05/BuyNowSample.jpg

    The idea is the change the “Buy Now” text (circled in red) with the blue & white button which should be in roughly the same spot as the text link. The trick will be to keep the image name too as the client is using this as a SKU number too.

    May 18, 2016 at 2:14 pm #634474
    Yigit

    Hi,

    Can you please apply the link as you did in your screenshot and then let us know. I found your image but buy now link is removed. We can apply custom CSS code to it to display it like a button and change its location

    Best regards,
    Yigit

    May 18, 2016 at 2:46 pm #634496
    MichaelAlbany

    Yigit,

    That site is live so I can’t turn it on and leave it on. At the moment I am not in a place where I can rebuild that but so you know what I did was create a link in a test page that linked to a product page and pasted that code into the image name field in the avia gallery builder and the link worked.

    The goal is to switch that link into a button and I can’t get the short-code to work in that space to show the button. Am I doing something wrong?

    May 18, 2016 at 2:50 pm #634499
    Yigit

    Hey!

    Can you please create a testing page and apply the changes there and then post temporary admin logins here?
    We need to see the example live to provide a proper solution :/

    Best regards,
    Yigit

    May 18, 2016 at 2:52 pm #634505
    MichaelAlbany

    In meetings this morning but I will try and let you know as soon as its up. Probably a few hours.

    May 18, 2016 at 5:23 pm #634667
    MichaelAlbany

    Yigit,

    Here is a link to a faux gallery page with he same basic setup as the screen shot. Only the first image has the link included. When you click on the image and open it in Lightbox you will see that link in the name area.

    KrieseTestPage

    May 18, 2016 at 5:27 pm #634671
    MichaelAlbany

    FYI the product page is to an existing product. I just wanted to show the link working.

    Thank you!

    May 18, 2016 at 5:56 pm #634681
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .mfp-title a {
    background: orange;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    left: -30%;
    bottom: 50px;
}

    Best regards,
    Yigit

    May 19, 2016 at 5:38 am #634909
    MichaelAlbany

    That worked!

    Thank you Yigit!

    May 19, 2016 at 6:51 am #634978
    Vinay

    Hi,

    Glad we could help!

    Thank you for using Enfold.

    Best regards,
    Vinay

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Buy Now Button in Lightbox?’ is closed to new replies.