anyone know how to make the gallery just like the autotrader when you click on the car image?
It will popup a lightbox when you click on image and have a galleria like gallery.
www.autotrader.com
There are many javascript libraries available. Check out this list of jquery lightbox plugins. Also you can look at this jquery plugin mb.gallery. There is another thread running on stackoverflow which has a lot of answers.
Related
My situation is the following:
I have a WordPress eCommerce website with several products on it. On the product pages, obiously there are pictures of the product. When you select the picture, it opens a pop-up screen with an enlarged version of the product picture.
Recently I have noticed that, when people open the product image pop-up on a mobile device, they start scrolling. I assume this is because they expect the pop-up to close when scrolling.
All these functions (product page, product image pop-up) are created by WordPress plugin WooCommerce. The layout and style are created by my selected WordPress Theme. This means I have access to some funtions but changing things like JavaScript is not an easy thing to do.
So my question is:
Is there a way to add functionality to close the product image pop-up when scrolling on a mobile device?
Thanks in advance for any help, I would really appreciate it!
Yes it can be close easily.
You can do from your page builder option Like Elementor, WPBakery Page Builder or anything that are you use.
Secondly you can close it using JavaScript.
You can do from your Theme Option.
Thank you Hope it will Help you
I'm trying to have a normal hyperlink opening up a lightbox like gallery
The only thing I've found so far are workarounds which involve coding, but then it's not at all user friendly for my customer.
Isn't any plugin out there which provides a lightbox gallery popup as link?
If you are using wordpress theme then you can using plugin in wordpress theme.
You can follow the plugin link for Lightbox Gallery Popup
If you would be using fancybox, then it would be as easy as adding data-fancybox attribute to the trigger elements (e.g., links). Example: https://fancyapps.com/fancybox/3/#images-1
I want to have a link that opens a prettyphoto gallery. I am using Wordpress with the Visual Bakery plugin as an editor.
I found if I do this...
<a class="prettyphoto" href="https://paradisocommunities.com/wp-content/uploads/2018/11/Heirloom-LegacyPointe32.jpg" data-rel="prettyPhoto[rel-17-696085417]">Link Text or Image</a>
...it will show use the prettyphoto popup window but there will not be a gallery. You can see this work if you click the Inspire button on this page: https://paradisocommunities.com/model/the-heirloom/
Does anyone know how to make this link a gallery?
The shortcode for an image grid gallery in Visual Composer is:
[vc_gallery type="image_grid" images="1017,1016,1015,1014,1013,1012,1011,1010" img_size="full"]
Is it possible to use these numbers to make it a gallery or just the file names?
You should be able to achieve that by adding one more attribute to the link.
rel="prettyPhoto[pp_gal]"
This is from discussion on their official support forum:
https://wordpress.org/support/topic/go-to-prev-and-next-photo-in-lightbox-view/#post-4528237
http://www.ralphandrusso.com
On this website if you click
AW 15/16 (link in bottom).
I would like to use similar kind of carousel effect plugin into my wordpress website with social media and form to link with it.
Looks like a simple slider to me and not necessarily a carousel. You can try Owl Carousel, though. That has similar functionality and it's free.
I am trying to do image slider in my project. My requirement is to show all the thumbnails of the images from the database.And if click any image it should get enlarged.
You can use the LightBox pluging of jQuery. Please take a look to the below links.
http://warren.mesozen.com/jquery-lightbox/
http://plugins.jquery.com/project/jquerylightbox_bal
http://www.balupton.com/sandbox/jquery-lightbox/demo/
Hope this helps