-
AuthorPosts
-
August 12, 2015 at 7:57 am #486325
Hi,
is there an effortless way to open the ajax portfolio at the bottom of portfolio entries?
Thanks!
August 12, 2015 at 3:29 pm #486621Hi Gero!
Not sure what you mean here. Send us a link to your page and take a screenshot highlighting what your trying to do so we can get a better idea.
Cheers!
ElliottAugust 13, 2015 at 8:10 am #486988Hi Elliott,
I’m talking about the Portfolio Grid element and its ajax preview. By default it opens at the top and I’d like to open it at the bottom (preferebly with the slide animation changed as well). Is that possible?
And while we’re at it: I noticed a small glitch on my site. On my portfolio items pages, I added an hotspot image shortcode to the preview. Everything is working as expected, but if you take a look at the code, there are bunch of </p> elements on data-avia-tooltip. I guess WordPress adds p tags in the process at some point. I already removed every whitespace on the portfolio page and added the following function without success:
remove_filter (‘the_content’, ‘wpautop’);It breaks W3TCs minify so would be cool if there’s a workaround.
Thanks!
- This reply was modified 9 years, 3 months ago by Gero.
August 13, 2015 at 3:46 pm #487257Hey!
Unfortunately that is going to take a lot of time and code to implement and would have to be considered custom work. It would be best to hire a freelancer to help you out with this customization.
I didn’t see the image hotspots in your link though. Can you send us a link to the page where your using them? Make sure to deactivate all plugins while testing.
Cheers!
ElliottAugust 13, 2015 at 3:58 pm #487264Hi,
that’s too bad. Thanks anyway.
Hotspots are right there on the link I posted (see screenshot). Take a look at the html code and search for
data-avia-tooltip=
All values have p Tags added (can’t post the correct code as it gets converted here, even with code tags)August 14, 2015 at 3:14 pm #487788Hi!
Oh I see. It looks fine to me though. It’s displaying the same as in the portfolio post single view. How are you trying to change it?
Cheers!
ElliottAugust 17, 2015 at 9:05 am #488690Problem is in the source code. The data-avia-tooltip= tooltip values have appended <p> which break W3TC minify. I don’t know where they come from, the preview code is cleared of any whitespace.
August 17, 2015 at 4:25 pm #488981Hey!
Well the paragraph is supposed to be there. If you remove it then the styling would look different. You can try changing line 523 in the /enfold/config-templatebuilder/avia-shortcodes/image_hotspots.php file from this.
$output .= "<div class='av-image-hotspot' data-avia-tooltip-position='{$data_pos}' data-avia-tooltip-alignment='{$align}' data-avia-tooltip-class='{$tooltip_width} {$tooltip_pos} {$extraClass} {$tooltip_style} av-tt-hotspot' data-avia-tooltip='".esc_attr(ShortcodeHelper::avia_apply_autop($content))."' style='{$pos_string}'>";
To this.
$output .= "<div class='av-image-hotspot' data-avia-tooltip-position='{$data_pos}' data-avia-tooltip-alignment='{$align}' data-avia-tooltip-class='{$tooltip_width} {$tooltip_pos} {$extraClass} {$tooltip_style} av-tt-hotspot' data-avia-tooltip='".esc_attr($content)."' style='{$pos_string}'>";
Best regards,
ElliottAugust 26, 2015 at 8:24 am #493340Hi,
thanks for your help, you can mark this as resolved.
Unfortunatly minify still chockes at the HTML inside script tags, but I can live with that. The styling didn’t change though, even with the p Tags removed.
-
AuthorPosts
- The topic ‘Open ajax portfolio at bottom’ is closed to new replies.