Ismael,

In what file do I put the “// post slider query” code? (Put it at the bottom of the “functions.php” and it ‘broke’ the site)

Thanks,

Mark

Ismael/Victoria,

Oops!!! I put Victoria’s code in the functions.php of the “production” site which we are not developing right now) and not the “staging site”, which we ARE USING right now.

So now, with Victoria’s code working, it seems that the page ‘jumps to the top and then ‘jumps’ back down to the Portfolio Grid with the “Other Completed Projects” in it.

Does it have to ‘refresh’ the page like that? It might ‘concern’ the user that something is wrong. (This does not happen on our website using Angular: https://visualimpactsystems.com/example/print-flyers/ )

Correct SFTP info for the “Staging” site FTP is in the private area.

Thank you,
Mark

• This reply was modified 6 years, 9 months ago by mbesh. Reason: Add link to our Angular page that works like we would like it to

Victoria,

I added your code to the “functions.php” file (in the themes/enfold folder) and added it at the end (just after the last “add action” code that was already there) [ Shown below ]. I doesn’t seem to do anything—it still ‘jumps up’ to the top of the page when you click on the pagination ‘buttons’. I cleared the GoDaddy cache, and looked at it with Chrome, Safari, and Firefox and the same thing happens (cleared their caches, too).

So, I add the “completed_projects” ID to another portfolio item (“Ambrose Ridge”), and it still jumps up to the top of the page:

Any suggestions?

Thanks for all your effort!

Mark Besh
Visual Impact Systems

===============
. . . .
/*
* compat mode for easier theme switching from one avia framework theme to another
*/
add_theme_support( ‘avia_post_meta_compat’);

/*
* make sure that enfold widgets dont use the old slideshow parameter in widgets, but default post thumbnails
*/
add_theme_support(‘force-post-thumbnails-in-widget’);

/*
* display page titles via wordpress default output
*/
function av_theme_slug_setup()
{
add_theme_support( ‘title-tag’ );
}

add_action( ‘after_setup_theme’, ‘av_theme_slug_setup’ );

/*title fallback*/
if ( ! function_exists( ‘_wp_render_title_tag’ ) )
{
function av_theme_slug_render_title()
{
echo “<title>” . avia_set_title_tag() .”</title>”;
}
add_action( ‘wp_head’, ‘av_theme_slug_render_title’ );
}

add_action(‘wp_footer’, ‘ava_new_custom_script’);
function ava_new_custom_script(){
?>
<script type=”text/javascript”>
(function($) {
function a() {
$(‘.pagination-wrap.pagination-portfolio a’).each(function() {
var link = $(this);
link.attr(“href”, link.attr(“href”) + “#completed_projects”);

});
}

$(window).load(function() {
a();
});
})(jQuery);
</script>
<?php
}

/*
* register custom functions that are not related to the framework but necessary for the theme to run
*/

require_once( ‘functions-enfold.php’);

/*
* add option to edit elements via css class
*/
// add_theme_support(‘avia_template_builder_custom_css’);

Victoria,

I don’t want to show “posts”, I want to display “portfolio items” (their “projects”). I could not see how to show portfolio items with that behavior.

The “Portfolio Grid” behavior is doing what we want except for one thing: When you click on the next page ‘button’ (1, 2, 3, etc.), the page scrolls up to the top (instead of staying ‘still’ right there, and just scrolling the next 4 projects to the left, like how it works on our site, using Angular:

We also deleted the “WPFront Scroll Top” plugin to see if that was the problem—and it was not.

Any ideas?

Thanks,
Mark
Visual Impact Systems