Okay
  Public Ticket #319893
Client logos to link to project?
Closed

Comments

  • Puifon started the conversation

    Is it possible to have the client logos link through to a project page, at the moment when I don't add a testimonial for a particular client logo it links back to the home page when you click on a logo. I'd rather have it link to a project page instead, how can i do this?

  •  1,973
    Support replied

    Yes, you can create a portfolio section with client logos which links to external portfolio pages. How does it sound?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Puifon replied

    I already have a portfolio section for something else, is it possible to have two different portfolio sections? i have attached a image to show you what i would liek to do with the logos 

  • Puifon replied

    instead of using the client shortcode I had to add the logos through html so they could link to a page, but now when the website resizes on mobile devices the logos look messy and are not aligned neatly together. 

    Is there no option in the client shortcode to get the logo images to link to a url because when i try to use the shortcode to only display logos with no testimonial they all link back to my homepage which I do not want.

  •  1,973
    Support replied

    Hi, it is possible by modifying the shortcode

    line 266 shortcodes.php 

    function shortcode_client_header

    add new parameter url and add it to the a href

    or apply the same styles for your inline logos as of 

    #bx-pager a{

    }

    and 

    #bx-pager a img{

    }

    #bx-pager a img:hover, #bx-pager a.active img{

    }

    whichever is easiest for you

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Puifon replied

    I dont understand your instructions, what exactly do I put in line 266 to modify the shortcode to linkto a url. Also what do I do with the #bx-pager? does this go in the stylesheet?

  •  1,973
    Support replied

    yes there are two options:

    - either you modify the code

    add_shortcode('client_header','shortcode_client_header');

    function shortcode_client_header($atts, $content =null){ 

        $atts = shortcode_atts( array('index'=>'0','logo'=>'', 'url' => ''), $atts); 

         and the modify line 274 to include atts['url'] in the a href

    - either you apply the same styles for your logos as for the classes mentioned above. the styles you can find them in style.css

    you can appply the options in theme options Styling Options -> Custom CSS

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Puifon replied

    could ypu check if this is correct:

    add_shortcode('client_header', 'shortcode_client_header');

    function shortcode_client_header($atts, $content = null) {

    $atts = shortcode_atts( array('index'=>'0','logo'=>'', 'url' => ''), $atts);

    array(

    'index' => '0',

    'logo' => ''

    ), $atts);

    $out = '<a data-slide-index="' . $atts['index'] . '" href=""><img src="' . $atts['logo'] . '" alt="" /></a>';

    return $out;

    }

    $atts['url']

  • Puifon replied

    Also every time I try to update the shortcode.php, after I replace the file on ftp every page loads blank, the home page, and when try to make a new page or go on theme options nothing loads.

  •   Puifon replied privately
  •   Support replied privately
  • Puifon replied

    sorry I dont undestand what to do exactly, could you show me an example?

  • Puifon replied

    am i supposed to replace this code? do i replace all the #bx-pager with #div_my_id?

    #bx-pager a {

    border-radius:3px;

    margin:10px;

    background-color:#FFF;

    display:inline-block;

    }

    #bx-pager a img {

    opacity:0.5;

    border-radius:3px;

    width:200px;

    transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -webkit-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    }

    #bx-pager a img:hover, #bx-pager a.active img {

    opacity:1;

    transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -webkit-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

  •  1,973
    Support replied

    hi I attached the code for the shortcode func

    in the page content you can the use [client_header index="0" logo="" url=""]

    makes sense?

    yes try replacing that in your css

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Puifon replied

    yes that makes sense now, i replaced the bx pager in the css but you didnt tell me if my shortcodes.php code above was correct or not? Also when i do replace the shortcodes.php after ive done this nothing load properly everything is a blank page and then i have to put the original shortcodes back in

  •  1,973
    Support replied

    hi for the shortcode func I attached the correct code yours was syntactically incorrect so you had the a php error, therefore you got the white page. Check the file I've sent you.

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Puifon replied

    Hi shortcode works great but opacity rollover does not work, I need this to work to highlight which logos are links. Do I replace the div id with the page id? I pasted the code I used below.

    Also logos are still not aligned neatly on mobile view, i thought using the shortcodes would fix this?

    #div_1552{

    text-align:center;

    }

    #div_1552 a {

    border-radius:3px;

    margin:10px;

    background-color:#FFF;

    display:inline-block;

    }

    #div_1552 a img {

    opacity:0.5;

    border-radius:3px;

    width:200px;

    transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -webkit-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    }

    #div_1552 a img:hover, #div_1552 a.active img {

    opacity:1;

    transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -webkit-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

  • Puifon replied

    Please reply as soon as possible, this website is for a client and I am leaving on friday so this needs to be complete. the shortcodes are an easier alternative than html for them to update i just need the opacity rollovers to work. i have attached an image showing the page using the the html code alternative, this is an example of I would like the images to do. Its like the same as the original client slider here but instead of showing the testimonials below they link to pages. 

  •  1,973
    Support replied

    Send the site url and the name of the section asap

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Puifon replied

    the section is here: http://www.war-network.com/#clients its still using the html at the moment 

  •  1,973
    Support replied

    can you send also the wp-admin credntials?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1,973
    Support replied

    Just change onmouseover="this.style.opacity=1

    instead of onmouseover="this.style.opacity=0.5

    thx

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Puifon replied

     the logos under 'case studies' are the only ones that are supposed to show the opacity rollover as they link to pages and the logos under 'more of our clients' aren't supposed to do anything which is why their opacity is set to 0.5 on mouseover. Your reply does not solve my problem.

    What I am trying to do is to use the shortcodes instead of the html, which is why I asked you how to make the client logos link to a url in the shortcodes.php but the rollovers will not work when i use the shortcode, I dont think you understand what I am trying to do, basically i want to translate what ive done for the clients in html to shortcodes as it will be easier for my client  to update as they don not know html well, i just need the rollovers to work when using the shortcodes. 

    I want to use shortcodes like this but need the opacity rollovers to work, i thought replacing the #bx-pager to #div_my_id would fix this but it does not work.

    [client_header index="1" logo="http://www.war-network.com/wp-content/uploads/2014/03/4_burtsbees.jpg" url="http://www.war-network.com/burtsbees/"] 

  • Puifon replied

    what i've done in the clients section with html was an alternative to your shortcode because I couldnt get them to link them to pages at first, but now that you told me a way to do this through editing the shortcodes.php file i now want to use the shortcodes in place of the html, but just need opacity rollovers to work to.

  •  1,973
    Support replied

    ok, I understand. the rollover should work as well when you use the (modified) shortcode. let's see if I can find some time to do it for you. for this i need FTP access and a draft page to work on.

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy