Wow, I didn’t mean to get so long winded…

Youtube and Vimeo work, but I think I read in another post that you can’t use self hosted videos. The staff will have to comment on that.

I used the porfolio grid. If those features are what you want, and Devin said the Avia gallery can’t do it, then why not use the Portfolio Grid instead of Avia Gallery?

You have a nice looking website, so maybe you’ve already thought about this approach and chosen not to do it… but I think this would work well with your site…

I think of a “Portfolio Items” page as any page OR image/video that I want to show in a gallery. So I created a portfolio page as a “placeholder” page for each of the 3 images. Load a featured image (which is the thumbnail), then select the categories that you want (this is key, and i would recommend at least 3 which I’ll explain). For images, you’re done… For video, you still upload the thumbnail that you want to see in the gallery as your featured image, but then use the new preview url link field to set the youtube or vimeo http address.

I know… you could have hundreds of pages, BUT they only take a few seconds to create, they are easy to navigate and find (all listed in the admin “portfolio all” section, and edits can be done with the “quick edit”). You don’t have to worry about content. They are literally a title, featured image, a link if it’s a video, and categories. As I said before, the page is just a placeholder for media or dummy page that the user will never go to.

Right now you may only have portfolio pages for your actual portfolio (I’ll call them projects to avoid confusion) pages.

Ford Focus

Mechanisms

Animatronics

Etc….

And you have categories of the same name for each project, which your current portfolio grid page shows.

If you do the page per gallery image approach, think of this structure for each project…

Ford Focus (current project page)

– Focus Photography 1 (Gallery 1)

– Focus Photography 2

:

:

– Focus Photography 18

– Focus Test Shoot 1 (Gallery 2)

– Focus Test Shoot 2

:

:

– Focus Test Shoot 18

Mechanisms

– Mechanisms Photography 1

:

Animatronics

– Animatronics Photography 1

:

If you start the title of your image gallery placeholder pages with the same name as your Project, it will help to sort/find them on the Portfolio Item page.

Now think about categories.

You already have a portfolio grid for your actual portfolio. This is probably showing all categories. In order to keep all the new pages from showing up, only mark your current categories instead of “all” categories. You want different category names for your new pages. I would recommend something like

“Photo” or “Video” – type of media (just 2 categories)

“Ford Focus Media” (identifies each project page that you’re on, but different from the Ford Focus category that you already have. 8-10?)

“Ford Focus Photography” (Ford Focus Test Shoot, etc.) – one per image/video to match the gallery. you’ll have 3-4 of these categories for each project page. also equal to the total number of galleries on your website

You would keep the same categories for each Gallery, so your portfolio pages with their categories will be:

Ford Focus (current project page)- Ford Focus category

Ford Focus Photography 1 (Ford Focus Media, Photo, Video, Ford Focus Photography)

Ford Focus Photography 2 (Ford Focus Media, Photo, Video, Ford Focus Photography)

:

Ford Focus Test Shoot 1 (Ford Focus Media, Photo, Video, Ford Focus Test Shoot)

etc…

Now the easy part, to make it all work… anywhere that you have an Avia gallery, can be replaced by a portfolio grid and simply choose the category that you want to show. The options I used:

Category shown – Ford Focus Photography (your image gallery category)

4 row gallery

no filter

no pagination

Show image in lightbox

Size 180 x 180 (125 x 125 if you want smaller ones like your current gallery)

Since lightbox is chosen, all thumbnail images will open in the lightbox. Since the new preview url link was set on the video portfolio placeholder pages, it will override the thumbnail image in the lightbox and show the video in the lightbox instead. The extra time you might think you spend on the front side, saves time of adding videos to each individual

You can make it work with just one category per image, which is the one that identifies your gallery “Ford Focus Photography”. I threw in the photo, video, and Ford Focus Project because it would take no time to create and tag these additional categories, and it gives you nice filtering options if you wanted to do one massive photo/video gallery with all of your images and video. It would just be another portfolio grid page (like your current one) but choose the categories photo, video, and then your “Ford Focus Media”, “Mechanisms Media”, “Animatronics Media”.

If you made it through all that… Hope it helps you or someone else!

Hello,

I’m also looking for this, for as soon as you add a ‘Color Section – Element’ to a ‘Sidebar Enabled’ page, any sidebar ‘widgets’ in the sidebar are moved under the ‘Color Section – Element’. It doesn’t matter if the Color Section is put at the bottom and there is no elements below it. It still creates space and puts the Sidebar Widgets under the Color Section area, as seen in John’s images.

I know Nick your suggestion and your images seems to hint to not use the ‘Sidebar’ section from the Layout area. And just use Avia Sidebar Element. Though doing this doesn’t give the same look that the Sidebar (Layout Settings) gives. E.g the line that separates the Sidebar from the content and the CSS of the buttons.

Cheers for all the active help you give here Nick, you are a gem!

Daniel

Image Link..

• Ability for an Avia Builder Image block’s link to target _blank instead of opening in the same window.

Any link anywhere should IMO always allow for target choice..

Easy Slider

• Ability to show image caption and/or title..

• Touch (like RoyalSlider).

Avia Layout Sidebar

• Look like regular sidebar styling-wise.. I use them only because they remain visible in mobile-mode, but don’t like the look so much.. The regular ones look better to me.

Filtering Portfolio Menu

• Bigger, maybe in boxes piling up one on top of the other like a menu.. the way it is now you need tiny little fingers to access on mobile/tablet..

Portfolio Grid

• Ability to choose if the title box of the image (with the little triangle pointing up into the image) “eats away” at the original image or is aligned below the image without cropping it at all so as to respect its proportions.. The way it is set up no it crops the image both at top and bottom (for example here my images that are originally squares get cropped top and bottom http://www.lamuseboutique.com/be-inspired/).

• More “organic” alignement to allow various heights for grid elements an not look so square/rigid (as seen here: http://www.uiueux.com/wp/webzine/). I also like how there is space between the elements in that theme… would be very nice to be able to add a few pixels of space as one wishes.

Hello, I have also display icon problem in Opera, jpg example: http://www.eurokreator.eu/images/test-opera-icon.jpg. Some icons are broken (not all) tested on Win XP and Win7. Regards

Hi,

Open up enfold/js/shortcode.js and search for following code around line 205:

//trigger displaying of thumbnails

gallery.on('avia_start_animation', function()

{

images.each(function(i)

{

var image = $(this);

setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));

});

});

change it to:

//trigger displaying of thumbnails

gallery.on('avia_start_animation', function()

{

images.each(function(i)

{

var image = $(this);

setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));

});

}).trigger('avia_start_animation');

and the gallery thumbs should load immediately.

just updated… Perfect for what I needed!

Adrian,

If I’m understanding you correctly, try this to see if it’s similar to what you’re looking for (main section, don’t pay attention to the other clutter):

http://www.theberryeffect.com/ford-focus/

If so, I’ll walk you through it.

It’s a similar look, it’s a gallery with thumbnails… when you click the thumbnail, it will load either a larger image in the lightbox or a video in the lightbox. I used two different size images just to show versatility