Custom Product Page Image and Font

Hi Jon,

There is indeed an option, in the “Premium” area of the “Options” tab, called “Lightbox Mode” that makes it so that, when you click on a thumbnail on the catalog page, it opens a lightbox with the image and the details, instead of opening the product page.

For the custom product page, your best bet for sizing is to stick with the dragging and dropping. You could try forcing it with some custom CSS, but the results may not be exactly how you want them. For example, for the image size and “click to zoom” font, you could do something like:

.prod-page-main-image-div {
width: 500px;
}
.prod-page-tags-label-div {
font-size: 20px;
}

Thank you.

I did set the option on “Lightbox Mode” to open the lightbox instead of the product page but it goes away after a second and the product page comes up. Is there another setting that is conflicting ?

Also it seems like it the catalog loads slower when going to the lightbox. I would think it has to do with pre-loading the images, but just wondering if that is the case.

Also wondering, do you know if the plugin WP Image zoom conflicts in any way as I have it installed. Was curious also to install your ultimate lightbox and see if that helped keep it from disappearing. I’ve been updating and modifying thee custom product page but seems like bypassing it ultimately would be best solution.

Welcome your additional thoughts on this matter

-j

Hi Jon,

We checked out your catalogue and it looks like you’ve disabled the “Lightbox Mode”. Could you set it to “Yes” again? (This way, we can take a look and see if the other plugin you mentioned is causing a conflict)

Also in Options->Premium->”Lightbox”, can you set it to “No”?

Yes – both things are now set and seems like same conditions / issues.. Will wait to hear back

One more note – I just noticed only the “Detail” view closes, the thumbnail and list view it stays open without a problem. Not sure why…

Hi,

That definitely sounds like there is some kind of conflict going on (i.e. with another plugin or the theme). I noticed that on your product page you have a different lightbox that opens when the main image is clicked. It isn’t our lightbox. So, it looks like either you have another lightbox plugin installed or your theme is doing it. Either way, can you please deactivate this and then test ours again?

Looks like I was signed out for my last post but – I disabled the lightbox and several plugins (next gen and wp zoom) but same issues with going away and the initial “freeze” opening the catalog.

Ultimately I would like to use the zoom tool on your lightbox but first let’s see if we can get it to work. I think I’m more concerned with the slow catalog page then the lightbox. Really what stands out for me is also the styling of the product description on the lightbox vs product page and layout, so maybe that’s a possible work -around is apply some of the styles from the lightbox to the product page.

If you need access to the site just let me know an email i can send you credntials

Hi Jon,

Before sending along anything, can you try switching the theme briefly off the Almera one to one of the more basic theme options (such as WordPress’ “Twenty Seventeen” theme)? Then check to see if you’re still encountering these lightbox/loading issues?

I shouldn’t have any issues going back and forth with current theme settings ?

It’s currently “Twenty Seventeen” theme.

The catalog seems to load okay! But the lightbox still disappears unfortuantely

Hey,

I loaded your lightbox and I think i will run with that for now and removed the pop up etc. However I would like to apply the zoom to the image in the light box. What is the class of the actual image? I tried .ewd-ulb-slide-img img

OK Last Question : On the Ultimate Lightbox I have it set to “All images” but what is just the img class of the Product catalog Main Image ??

I don’t know why I’m having such a hard time with this but ideally I don’t want a lightbox for all images, just the main catalog images.

Thanks!

Hello Jon,

For the zoom, if you are talking about the image in the lightbox that you get on clicking on the products in the UPCP catalogue page, it is:
.upcp-lightbox-div-img{}

The class that is assigned to the images in the Thumbnail view of the Product catalogue page for products is :
.prod-cat-thumb-image.upcp-thumb-image{}

Best regards,

• This reply was modified 7 years ago by etoilewebdesign.