Louie Ticket ID: 429

Open a New Ticket

About This Ticket

How to make the portfolio images unclick-able and resize Portfolio Grids

by eshpelinmishtak / April 13, 2019, 3:24 pm

Hello, I would like to do two things: 

1. Make these portfolio's unclickable. So that they do not take the user to an individual page for every image.

2. Edit the height/width of these image containers. So that I can choose how it should be displayed. Is this doable?

Staff

Hello!

Yes it is possible. To do this, you need to little modify the code.

1. Delete link you can in the files of plugin fr_theme_ext/louie-elements/inc/shortcodes.php on line 355

2. Change size of image continers you can in the theme in file style.css on line 2630 - 2641 ...

Hi, I edited out the following lines in Shortcodes.php Line 355. Didn't have any impact on the front page. In essense, I am trying to get this, where the images will have no impact on HOVER altogether. So the red marked area will not appear on hover in any of the portfolios:

 

Help.

 

// Editing original Line 355 onwards to remove hover effects on homepage (hover on gallery)

//  $out .= '<h2 class="entry-title"><div class="frgn-title-decorative-letter"></div><a href="'.get_the_permalink().'" title="'.esc_html__('Permalink to', 'louie-elements').' '.esc_attr(the_title_attribute('echo=0')).'" rel="bookmark">'.get_the_title().'</a></h2>';

//  $out .= '<div class="portfolio_metro_btn_holder"><a class="portfolio_metro_btn" href="'.get_the_permalink().'"></a></div>';

//  $out .= '</header>'; 

//  $out .= '</div>';

//  $out .= '</div>';


//  $out .= '</article>';

 

Following is the part of the code on that file: 

if( have_posts() ) { 


$out .= '<div id="frgn-portfolio-pinterest-'.$post_section_id.'" class="frgn-portfolio-list-holder-outer">';

$out .= '<div class="portfolio_pinterest clearfix '.$columns.'">';

while ( have_posts() ) {

the_post();

$tmpContent = get_the_content();

$separator = '';

if (get_theme_mod( 'louie_posts_headings_separator', true ) ) $separator = ' separator';

$classes = join(' ', get_post_class($post->ID));

$classes .= ' post'; 


$cat_name = '';

foreach( get_the_category() as $category ){ 

$cat_name .= $category->name; 

}  


$classes = str_replace('sticky ', '', $classes);

$out .= '<article class="entry portfolio_metro_item '.$cat_name.'">';


$out .= '<div class="portfolio_wrap">';

if( has_post_thumbnail() ) {

$out .= '<div class="featured_box">';

$out .= get_the_post_thumbnail($post->ID, $thumbsize).'</div>'; 

} 

$out .= '<div class="portfolio_metro_inner">';

$out .= '<header class="entry-header">'; 

$out .= '<span class="meta">'.get_the_category_list(',').'</span>';

// Editing original Line 355 to remove hover effects on homepage (hover on gallery)

$out .= '<h2 class="entry-title"><div class="frgn-title-decorative-letter"></div><a href="'.get_the_permalink().'" title="'.esc_html__('Permalink to', 'louie-elements').' '.esc_attr(the_title_attribute('echo=0')).'" rel="bookmark">'.get_the_title().'</a></h2>';

$out .= '<div class="portfolio_metro_btn_holder"><a class="portfolio_metro_btn" href="'.get_the_permalink().'"></a></div>';

$out .= '</header>'; 

$out .= '</div>';

$out .= '</div>';

$out .= '</article>';

} //while

$out .= '</div>';

$out .= '</div>';

}

 

Image of the original problem is attached here:

 

Note that I simply want all hover effect removed. So that no on-click on the gallery, or anything comes up on hover. Help regarding that would be much appreciated.

Staff

Hello!

If I understand you correctly, you want to leave only unclickable images for the portfolio. Replace code on lines 234-250 with this one . 

$out .= '<article class="entry portfolio_metro_item '.$post_width.' '.$post_height.' '.$cat_name.'" '.$post_move.'>';
$out .= '<div class="portfolio_wrap">';
if( has_post_thumbnail() ) {
$out .= '<div class="featured_box">';
$out .= get_the_post_thumbnail($post->ID, $thumbsize).'</div>'; 
} 
$out .= '</div>'; 
$out .= '</article>';