Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Opening Portfolio items from the portfolio page

    • 9 years, 7 months ago max
      Participant

      Hello,

      The actual behaviour is, once on the portfolio page I have to click on the title of a portfolio item to open it. This is not intuitive and I tested it on several persons and everybody tries clicking on the image not the title.

      How can I have this behaviour (clicking on the images should open the related portfolio item page)

      Regards,

      Max

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      Please go to file includes\view\portfolio\loop-grid.php and find these lines:

      <div class="portfolio-item mix <?php echo esc_attr($sort_classes) ?> <?php echo esc_attr($extra_class) ?> 
       <?php echo esc_attr($style) ?>" data-id="<?php echo get_the_ID() ?>">
        <div class="">
         <?php if($item_grid_class == 5){  ?>
            <img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port4', 'url')) ?>" alt="">
         <?php } ?>
         <?php if($item_grid_class == 3){  ?>
            <img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port4', 'url')) ?>" alt="">
         <?php } ?>
         <?php if($item_grid_class == 4){ ?>
            <img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port3_grayscale', 'url')) ?>" alt="">
         <?php } ?>
         <?php if($item_grid_class == 6){ ?>
            <img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port2_grayscale', 'url')) ?>" alt="">
         <?php } ?>
         <?php if($item_grid_class == 12){ ?>
            <img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port1', 'url')) ?>" alt="">
         <?php } ?>
            <div class="project">
            <h5><a href="<?php echo $link ?>"><?php echo get_the_title() ?></a></h5>
            <h6><?php echo esc_html($sort_classes) ?></h6> </div>   
                  </div>          
       </div>

      Replace with these:

        <div class="portfolio-item mix <?php echo esc_attr($sort_classes) ?> <?php echo esc_attr($extra_class) ?> 
       <?php echo esc_attr($style) ?>" data-id="<?php echo get_the_ID() ?>">
         <div class="">
         <?php if($item_grid_class == 5){  ?>
            <a href="<?php echo $link ?>"><img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port4', 'url')) ?>" alt=""></a><?php } ?>
         <?php if($item_grid_class == 3){  ?>
         <a href="<?php echo $link ?>"><img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port4', 'url')) ?>" alt=""></a><?php } ?>
         <?php if($item_grid_class == 4){ ?>
         <a href="<?php echo $link ?>"><img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port3_grayscale', 'url')) ?>" alt=""></a> <?php } ?>
         <?php if($item_grid_class == 6){ ?>
         <a href="<?php echo $link ?>"><img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port2_grayscale', 'url')) ?>" alt=""></a><?php } ?>
         <?php if($item_grid_class == 12){ ?>
         <a href="<?php echo $link ?>"><img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port1', 'url')) ?>" alt=""></a> <?php } ?>
       <div class="project">
          <h5><a href="<?php echo $link ?>"><?php echo get_the_title() ?></a></h5>
           <h6><?php echo esc_html($sort_classes) ?></h6> </div>   
                 </div>          
        </div>

      Best regards!

    • 9 years, 7 months ago max
      Participant

      thx, the links work on portfolio page but not on recent portfolio on the home page.
      Could you please help fix that?

      Regards,
      Max

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      Please go to file includes\view\portfolio\loop-masonry.php and find this line:
      <img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port3', 'url')) ?>" alt="">
      Replace with this:
      <a href="<?php echo $link ?>"><img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port3', 'url')) ?>" alt=""></a>

      Best regards!

    • 9 years, 7 months ago max
      Participant

      thx it seems to be working fine

Viewing 4 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password