Adding content after portfolio items

  • Unknown's avatar
    graphirus · Member ·

    Hello!

    I’m trying to customize my The7.2 theme but I know nothing about coding, so I hope a wordpress coder could help me.

    Basically I want the possibility to add any Visual Composer element to the end of my page featuring Portfolio items. This is how the portfolio page looks like https://yadi.sk/i/ec51q3Q3i3rit

    Theres my portfolio image at the left and then some content controlled by Visual Composer at the left. The problem is, if I add a new Visual Composer element, it appears only at the right side… this is what I want to achieve: https://yadi.sk/i/g-PI-G2Ai3s6h

    The theme support said: “This will require bit of customization, please refer to ../dt-the7/content-single-portfolio.php, ../dt-the7/templates/portfolio/portfolio-post-single-content.php”

    content-single-portfolio.php 

    <?php
/**
 * Portfolio single template
 *
 * @package presscore
 * @since presscore 0.1
 */

// File Security Check
if ( ! defined( 'ABSPATH' ) ) { exit; }

global $post;
$config = Presscore_Config::get_instance();
?>

<article id="post-<?php the_ID(); ?>" <?php post_class('project-post'); ?>>

	<?php
	do_action('presscore_before_post_content');

	if ( !post_password_required() ) {
		dt_get_template_part( 'portfolio/portfolio-post-single-content' );

	} else {
		the_content();

	}

	do_action('presscore_after_post_content');
	?>

</article><!-- #post-<?php the_ID(); ?> -->

<?php presscore_display_related_projects(); ?>

    portfolio-post-single-content.php 

    <?php
/**
 * Portfolio project single post template
 *
 * @package vogue
 * @since 1.0.0
 */

// File Security Check
if ( ! defined( 'ABSPATH' ) ) { exit; }

///////////////////
// media content //
///////////////////

ob_start();

dt_get_template_part( 'portfolio/portfolio-post-single-media' );

$media_content = ob_get_contents();
ob_end_clean();

$config = Presscore_Config::get_instance();

switch( $config->get( 'post.media.layout' ) ) {

	case 'before':

		if ( $media_content ) {

			echo '<div class="wf-container">';
				echo '<div class="wf-cell wf-1 project-slider">';
					echo $media_content;
				echo '</div>';
			echo '</div>';

		}

		echo '<div class="wf-container">';
			echo '<div class="wf-cell wf-1 project-content">';
				the_content();
				dt_get_template_part( 'portfolio/portfolio-post-single-links' );
			echo '</div>';
		echo '</div>';
		break;

	case 'after':

		echo '<div class="wf-container">';
			echo '<div class="wf-cell wf-1 project-content">';
				the_content();
			echo '</div>';
		echo '</div>';

		if ( $media_content ) {

			echo '<div class="wf-container">';
				echo '<div class="wf-cell wf-1 project-slider">';
					echo $media_content;
					dt_get_template_part( 'portfolio/portfolio-post-single-links' );
				echo '</div>';
			echo '</div>';

		}

		break;

	case 'left':

		echo '<div class="wf-container">';

			if ( $media_content ) {

				echo '<div class="wf-cell wf-2-3 project-slider">';
					echo $media_content;
				echo '</div>';

				// floationg content
				$content_container_class = '';
				if ( $config->get( 'post.content.floating.enabled' ) ) {
					$content_container_class = ' floating-content';
				}

				echo '<div class="wf-cell wf-1-3 project-content' . $content_container_class . '">';
					the_content();
					dt_get_template_part( 'portfolio/portfolio-post-single-links' );
				echo '</div>';

			} else {

				echo '<div class="wf-cell wf-1 project-content">';
					the_content();
					dt_get_template_part( 'portfolio/portfolio-post-single-links' );
				echo '</div>';
			}

		echo '</div>';

		break;

	case 'right':

		echo '<div class="wf-container">';

			if ( $media_content ) {

				// floationg content
				$content_container_class = '';
				if ( $config->get( 'post.content.floating.enabled' ) ) {
					$content_container_class = ' floating-content';
				}

				echo '<div class="wf-cell wf-1-3 project-content' . $content_container_class . '">';
					the_content();
					dt_get_template_part( 'portfolio/portfolio-post-single-links' );
				echo '</div>';
				echo '<div class="wf-cell wf-2-3 project-slider">';
					echo $media_content;
				echo '</div>';

			} else {

				echo '<div class="wf-cell wf-1 project-content">';
					the_content();
					dt_get_template_part( 'portfolio/portfolio-post-single-links' );
				echo '</div>';

			}

		echo '</div>';

		break;

	default:

		echo '<div class="wf-container">';
			echo '<div class="wf-cell wf-1 project-content">';
				the_content();
				dt_get_template_part( 'portfolio/portfolio-post-single-links' );
			echo '</div>';
		echo '</div>';

		break;

}

    Thanks for any input!

  • Unknown's avatar
    freakingid · Member ·

    Hello,

    It seems you’re using a premium theme from themeforest. Are you using this on WordPress.com, or your own WordPress.org site?

    I can’t help you with The7 theme since I don’t have access to it. Have you reached out to the theme author for some help?

    Good luck!

  • kathrynwp · Staff ·

    Hi there – these forums are for folks hosted here on WordPress.com.

    Since you’re running a premium theme on your own hosting, the best place to get help is from the theme developer’s support system, as freakingid suggested above.

    http://themeforest.net/item/the7-responsive-multipurpose-wordpress-theme/5556590/support

  • The topic ‘Adding content after portfolio items’ is closed to new replies.