Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 19, 2016 at 3:43 pm #688550
    Pappasdg

    Hello,

    I am using the Grid Portfolio with the Ajax preview option. I wanted to know if it was possible when a user clicks on one of the portfolio items if it could expand a box open below it with a full-width div and have the content in there, like how Google images works. Right now when they click on a item it brings a box up at the top.

    Thanks!

    September 21, 2016 at 4:29 pm #689907
    Pappasdg

    Still wondering if this is possible.

    Thanks,

    September 22, 2016 at 3:44 pm #690318
    Rikard

    Hi,

    My guess is that something like that would require a lot of customisations, but send us a link to the page in question and we’ll have a look at it.

    Best regards,
    Rikard

    September 22, 2016 at 4:12 pm #690322
    Pappasdg

    Sure Rikard,

    I would just like it to work when you click on the portfolio item it opens up under it just like Google Images

    September 27, 2016 at 4:25 am #692047
    Ismael

    Hi,

    Please add this in the functions.php file:

    add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script type="text/javascript">
(function($) {
	function c() {
		$('.portfolio_preview_container').insertAfter('.grid-sort-container');
	}

	c();
})(jQuery);
</script>
<?php
}

    The code will move the portfolio preview container below the portfolio grid container.

    Best regards,
    Ismael

    September 12, 2019 at 3:44 pm #1137554
    Arne

    Hey,

    could this be edited to open the box right in between above the actual item, without having to scroll to the top?
    I got a long list of portfolio entries and don’t want the user to scroll after viewing one in Ajax.

    Best wishes
    Arne

    September 16, 2019 at 2:38 am #1138619
    Ismael

    Hi,

    That is possible, but you have to modify the config-templatebuilder > avia-shortcodes > portfolio > portfolio.js file. Look for instances of this code and remove them.

    line 204 & line 229:

    methods.scroll_top();

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.