PREVIOUS and NEXT button with portfolio thumbnail

Hey KK,

Thank you for using Enfold.

Please look for the avia_post_nav function in the functions-enfold.php file. Copy the code, change the name then modify as needed.

Best regards,
Ismael

Hi,

What you’re looking for is the same as the “avia_post_nav”. It’s in the “functions-enfold.php” file, not “functions.php” file. Please refer to the documentation.

// https://codex.wordpress.org/Next_and_Previous_Links

You can try the following plugin.

// https://wordpress.org/plugins/wp-post-navigation/

Best regards,
Ismael

Hi,

Please add the following code in the functions.php file.

if(!function_exists('avia_post_nav_mod'))
{
	function avia_post_nav_mod($same_category = false, $taxonomy = 'category')
	{
		global $wp_version;
	        $settings = array();
	        $settings['same_category'] = $same_category;
	        $settings['excluded_terms'] = '';
			$settings['wpversion'] = $wp_version;

		//dont display if a fullscreen slider is available since they overlap 
		if((class_exists('avia_sc_layerslider') && !empty(avia_sc_layerslider::$slide_count)) || 
			class_exists('avia_sc_slider_full') && !empty(avia_sc_slider_full::$slide_count) ) $settings['is_fullwidth'] = true;

		$settings['type'] = get_post_type();
		$settings['taxonomy'] = ($settings['type'] == 'portfolio') ? 'portfolio_entries' : $taxonomy;

		if(!is_singular() || is_post_type_hierarchical($settings['type'])) $settings['is_hierarchical'] = true;
		if($settings['type'] === 'topic' || $settings['type'] === 'reply') $settings['is_bbpress'] = true;

	        $settings = apply_filters('avia_post_nav_settings', $settings);
	        if(!empty($settings['is_bbpress']) || !empty($settings['is_hierarchical']) || !empty($settings['is_fullwidth'])) return;

	        if(version_compare($settings['wpversion'], '3.8', '>=' ))
	        {
	            $entries['prev'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
	            $entries['next'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
	        }
	        else
	        {
	            $entries['prev'] = get_previous_post($settings['same_category']);
	            $entries['next'] = get_next_post($settings['same_category']);
	        }

		$entries = apply_filters('avia_post_nav_entries', $entries, $settings);
        $output = "";

		foreach ($entries as $key => $entry)
		{
            if(empty($entry)) continue;
			$the_title 	= isset($entry->av_custom_title) ? $entry->av_custom_title : avia_backend_truncate(get_the_title($entry->ID),75," ");
			$link 		= isset($entry->av_custom_link)  ? $entry->av_custom_link  : get_permalink($entry->ID);
			$image 		= isset($entry->av_custom_image) ? $entry->av_custom_image : get_the_post_thumbnail($entry->ID, 'thumbnail');

            $tc1   = $tc2 = "";
            $class = $image ? "with-image" : "without-image";

            $output .= "<a class='avia-post-nav-mod avia-post-{$key} {$class}' href='{$link}' >";
		    $output .= "    <span class='label iconfont' ".av_icon_string($key)."></span>";
		    $output .= "    <span class='entry-info-wrap'>";
		    $output .= "        <span class='entry-info'>";
		    $tc1     = "            <span class='entry-title'>{$the_title}</span>";
if($image)  $tc2     = "            <span class='entry-image'>{$image}</span>";
            $output .= $key == 'prev' ?  $tc1.$tc2 : $tc2.$tc1;
            $output .= "        </span>";
            $output .= "    </span>";
		    $output .= "</a>";
		}
		return $output;
	}
}

Edit the includes > loop-portfolio-single.php file, look for this code around line 47.

echo '</footer>';

Below, add this code:

echo avia_post_nav_mod(false, 'portfolio_entries');

And then adjust the default style in the Quick CSS field.

#top .avia-post-nav-mod {
    display: block;
    position: relative;
    height: 110px;
    background: #aaa;
    background: rgba(0,0,0,0.1);
    color: #fff;
    padding: 15px;
    text-decoration: none;
    z-index: 501;
    -webkit-transform: translate3d(0,0,0);
}

.avia-post-prev {
    left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 50%;
    float: left;
}

This modification should work but it will require a few css adjustments. I’m sure you’ll be able to handle that.

Best regards,
Ismael

Hi,

Please post the FTP login details in the private field so that we can modify the templates properly.

Best regards,
Ismael

Hi,

I’m sorry but the login credentials are not working. Are you sure of the ftp url?

Best regards,
Ismael

Hi,

I’m sorry it is still not working. Please check it carefully.

Best regards,
Ismael

Hi,

I forgot to ask for the WP login details. Please note that this modification will only work if you’re using the default editor. It’s not going to work for the ALB.

Best regards,
Ismael

Hi,

The post navigations are now rendering below the portfolio item content but it requires a few css adjustments. ( see private field )

Best regards,
Ismael

Hi,

Glad we could help. And thank you for being patient yourself. Please feel free to open a new thread if you need anything else.

Best regards,
Ismael