Media Grid - Question regarding prettyPhoto behavior

szmigieldesign · January 2015

Hello,
I've recently bought the theme and I'm tweaking my old blog posts to adapt them to various featured offered by Be. I'm trying to convert regular picture-after-picture galleries into Media Grid element which allows me to show images in really beautiful 1:1 grid. However, after clicking any image from the grid, only that particular image opens inside prettyPhoto. In order to view other images, one has to click away from prettyPhoto and click another thumbnail in order to view its large version.

Such behavior makes it useless to display large quantities of images inside Media Grid as it will confuse people who won't be able to browse other photos inside the Media Grid after enlarging one image.

I've also tried to overcome this problem with Fancy Box for WordPress plugin but it doesn't work, perhaps because of AJAXified nature of Media Grid.

Is there a way to link all images inside the Media Grid in order to display them as a gallery inside prettyPhoto?

Image 1 - Media Grid gallery
Image 2 - Enlarged image using prettyPhoto, impossible to switch to another image from the Media Grid gallery.

Albert · January 2015

Hi,

if you mean to have something similar as we have on http://themes.muffingroup.com/betheme/pages/gallery then yes, it is possible of course and we just used default wordpress gallery in this case.

szmigieldesign · January 2015

Yes, that would do the trick after some extra styling though (removing the frames, etc.).

However, I really miss the extra control that Media Grid element gives me. It really is very flexible. If only I could make a working gallery out of it. Do you have any ideas regarding that matter? Or would I have to contact VC developers in this regard?

Btw. I've noticed some extra styling for prettyPhoto inside BeTheme folder. How do I use dark styling or apply my own styles site-wide? What would be the best and most bulletproof way to do it?

Albert · January 2015

If you want to add own styles, then you should look at customizations section http://themes.muffingroup.com/betheme/documentation/#theme-customizations

vladwlc · January 2015

Hello,

How exactly do we create those gallery images on http://themes.muffingroup.com/betheme/pages/gallery ? Tried with image and photo box but none worked. The image won't open.

Thank you.

vladwlc · February 2015

So i found... it's a shortcode... on your barber shop homepage found this [gallery link="file" ids="37,36,35,34,33,38"]... can't find this shortcode in documentation. Exactly how it works? What is "file" and where do i find the "ids"?

szmigieldesign · February 2015

It's a WordPress gallery. You insert it with "Add media" button in the editor. The difference is that you have to click "Create new gallery" on the media search window and after selecting images that you want - you add the gallery. It's just being formatted with Be and opens with prettyPhoto. Be sure to select link to original image on click.

Albert · February 2015

@vladwlc Exactly as @szmigieldesign wrote. More info about wordpress gallery you can read on http://codex.wordpress.org/The_WordPress_Gallery

szmigieldesign · February 2015

You could also try image gallery from VC. Thumbnails have less margin by default when used this way. You also have a choice of grid or sliders.

Btw. @muffingroup, it would be nice to sync hover styles between various gallery types. Galleries generated by WordPress use Be styling, but those generated with VC look plain on hover. Perhaps a switch in theme options (use Be styling, use VC styling)?

Albert · February 2015

@szmigieldesign We'll consider this.

vladwlc · February 2015

Thank you very much for the info. Learnt something new. Much appreciated.

Media Grid - Question regarding prettyPhoto behavior

Comments

This website uses cookies