Docs

[OpeningAB]

Hi!

I would like to have lightboxes on my products similar to this: http://demo.theme.co/integrity-3/portfolio-item/roman-forum/

However, for me working with a portfolio just resulted in clicking on a thumb leading me to a new page, not a lightbox.

Essentially what I want is to have clickable pictures that in a lightbox shows the picture plus product information. I do not know if this could be managed easier with a plugin or something other than a portfolio.

Lastly I have looked into previous topics but they are all hard for me to understand as they contain codes for CSS which I dont grasp 🙁

My home page: http://www.test.opening.se/produkter/reservdelar-och-tillbehor/

Thanks in advance!

[Christopher]

Hi there,

This is a normal portfolio page with no light box. Please clarify what exactly you want to achieve.
Please check Envira gallery here : https://community.theme.co/kb/integrated-plugins-envira-gallery

Hope it helps.

[OpeningAB]

Thank you for fast response. Okay sorry for not being clear. I found this picture in an older thread. http://s4.uploads.im/cZP4a.png

This is basically how I want it, an image together with a text in a new smaller window. The thing is that I do not really get how to solve this from reading old threads as they all refer to using the CSS. Regarding the CSS I seem to stumble over it on many different locations in WordPress and thus, do not know which one to utilize and when (cornerstone, customize etc). But I hope I can get around it with some help from you 🙂

[Christopher]

Hi there,

Add image and its description to a new page, set page’s template to ‘No-Header-No-footer’.
Add following code in the other page where thumbnail should be displayed :

 [x_image class="my-portfolio" src="http://yourdomain.com/image.jpg" alt="Example" type="thumbnail" link="true" href="Add page's URL here" title="Example Image"]
[x_lightbox selector=".my-portfolio"] 

Hope it helps.

[OpeningAB]

Thank you I will test it right away. But just one more question, I understand that I should copy paste the new page that I want to show in the code: “href=”Add page’s URL here”. But what should I put in here: src=”http://yourdomain.com/image.jpg”?

Sorry for being useless at this 🙂

[OpeningAB]

Oh sorry for being stupid. I suppose that I should insert the url for the thumb I want to be clickable…

[OpeningAB]

So finally I managed to execute this, thank you. But one more thing. Do you know how I get the new window smaller? Because right now it opens in full screen window.

Edit: It would be truly awesome if you could help me get the new window smaller so that some of the content on the page underneath is still visible.

[Paul R]

hi,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[OpeningAB]

This reply has been marked as private.

[Paul R]

Hi,

Your images needs to link to the actual image instead of the page.

I went ahead and change the links.

Please check – http://www.test.opening.se/produkter/reservdelar-och-tillbehor/

[OpeningAB]

Thank you for taking your time. Although that solution was really nice, it lacks the text that I want to insert beside the image. You see I want it to be like this:

Please click the following link
http://www.test.opening.se/produkter/industriportar/

Then click on the image in the far left corner with an ambulance.

This one opens in a new window with an image and text. The problem is that it still covers the whole screen. I want that when you click on the Ambulance (thumb) the new window should only be visible in a small window in front of the “thumbnail page” so that the visitor still can see the contents of the previous page located in the background. Do you get what I am trying to accomplish :)?

[OpeningAB]

To clarify further, your solution was great but the new window showing the picture should instead contain 50% text and 50% the image.

Also your background is completely white and I would like the background to be transparent so you can still see the previous page in the background.

The main point is however to get both the text and the image, side to side, in a relatively small window poping up on the screen 🙂

[Christian]

I see. Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[OpeningAB]

Okay I see. Perhaps I have to make the desired page, print screen it and upload it as a picture instead 🙂

Anyways thanks for your effort Christian, Paul and Christopher.

[OpeningAB]

I found a simple solution if anyone stumbles into this thread.

Get wordpress colorbox plugin. Solved it right away!

/Closed

[Author]

Posts