-
AuthorPosts
-
May 18, 2015 at 1:33 pm #445614
Client has an issue with the way the ajax portfolio looks and I’m trying to figure out whether it’s possible to make them happy, and whether that will take a freelancer. They are unhappy that it is not clear in some visual “cue” as to which item in the row of portfolio items, the ajax box is now displaying. Other themes use either colorization or transparency (for example, all those not currently selected are lightened, or the one selected has some colorization added…some themes show these going from BW to color for example).
They are willing to give up the ability to scroll through items, if having this effect “move through” as we use those is not possible, but for each image clicked, something has to happen to the image to indicate it’s been picked. (I know we have indication on hover and actual picking, they mean once the box above is opened.)
Second thing they’ve asked for is whether the Box that opens could be below, rather than above. This is one I think I can talk them out of but I may as well ask.
May 19, 2015 at 9:44 am #446280Hi kaylesimon!
Could you provide us with a link to the site in question so that we can take a closer look please?
Best regards,
RikardMay 19, 2015 at 4:20 pm #446514Sure, although this is the case with all your sites, it’s just how the ajax portfolio works. It’s under construction at: http://realfreshclient.com/sandbox/company/team/ (abil2 is the pw to see the site).
What they are asking for is, when you click on Tom, and the tom page opens above the row of pics:
1.) Can we have something happen to the Tom pic in the row to indicate that’s the image we’re on. Some sites, like google image search for example, use the little pointer that goes down into their larger box, some sites use a color overlay. Yours does nothing and we wondered if it could.
2.) People are really used to having these ajax boxed areas open below, not above, and client is asking if that is possible with this theme.
These are the main issues giving the client pause about using Enfold.They are liking everything else but this one I have been unable to begin to solve. Here’s a site where it works the way they like (and the way google image search works, btw, as well):
http://www.iorahealth.com/about-us/our-stories/
See how the item opens right below the image selected, no matter what row it’s in at that screen width? AND there’s a pointer back to the image? I believe Iora is using the Builder Theme but to accomplish this page, they seem to be using the Views plugin.
So that may be what I need to hire someone to try to do in Enfold. The thing is, enfold is already offering ajax, so I can’t help wondering whether this is solvable without an additional plugin by altering the way Ajax is working.
Thanks.
May 21, 2015 at 3:38 pm #447765Hi!
Thank you for using Enfold.
Sorry to say, but with the HTML setup of Enfold’s Ajax portfolio it is not possible (it is using isotop). You can open the large image only above or below the container of the images without breaking everything or the need of heavy changes.
Of course, everything is possible, but this means customization and is bejond the scope of support.
Best regards,
GünterMay 21, 2015 at 4:16 pm #447800Thanks Gunter. Could you tell me then how I would have it open BELOW the container of images? I can’t find any setting that affords us that option anywhere; forgive me if it’s staring right at me. I have hunted the forum for “Ajax Below” and can’t find any mention of that being something we could do.
May 23, 2015 at 4:02 am #448856Hi,
Try adding this at the very end of your theme / child theme functions.php file:
function add_custom_script(){ if( is_page( 3424 ) ){ ?> <script> (function($){ $(window).load(function() { $('.grid-sort-container').after($('.portfolio_preview_container').detach()); }); })(jQuery); </script> <?php } } add_action('wp_footer', 'add_custom_script');
Regards,
JosueMay 30, 2015 at 6:20 pm #452056Thanks Josue. That does open the ajax box below the photos, but it also moves the page up so high that now the portfolio images are no longer viewable; the top of the ajax container goes to top of browser window for the most part. I think the way google’s image search works is probably best; it opens in center of the window pretty much.
May 30, 2015 at 11:40 pm #452091Hey!
You could use
position: absolute
to place it on top of the grid:@media only screen and (min-width: 767px) { #top .portfolio_preview_container { position: absolute; top: 220px; z-index: 1000; width: 80%; left: 120px; } }
Cheers!
Josue -
AuthorPosts
- You must be logged in to reply to this topic.