Show widgets Clients page

Hello,
I add widget Client in the homepage but now I don’t know how to add my clients logos in this frame
can you see the job on my personal page http://www.chefcristianobonolo.it/ under “Collaboro con” area

hope in you help
thanks
regards
CRistiano

Hello there,

To create a client, create a new blank page, enter client name in the title box; in the Page Attributes box, select Single Client template. Set the client image in Featured Image box.

Regards,
Kharis

Hi Kharis, thanks for your answer. Now I solve the problem but how I can put the logos in the some row and align in the middle??? And how I can link each logo to its website?

thanks again for your answer

regards
cristiano

Hello there,

It looks like you’ve added this CSS code to change default size of the logo:

@media only screen and (min-width: 992px)
  section.atframework_clients_widget div.client {
    width: 35%;
  }
}

However it breaks the column layout. The best possible solution – I think – is preparing your logo images with an image editing like Photoshop. So their size will look equal.

Regards,
Kharis

To enable client link, try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    (function($){

        $.fn.extend({
            clientLink: function(options) {
                var defaults = {
                    title: '',
                    link: ''
                };
                var options = $.extend(defaults, options);
                var clientImg = this.children('.client-thumb').children('img');

                if( clientImg.length ) {
                  clientImg.wrapAll('<a href="' + options.link + '" title="' + options.title + '" target="_blank"></a>');
                }

            }
        }); // Function ends


        // Client link 1
        $('.atframework_clients_widget .client:nth-of-type(1)').clientLink({
          title: 'Client 1',
          link: 'http://clientsite.com/'
        });

        // Client link 2
        $('.atframework_clients_widget .client:nth-of-type(2)').clientLink({
          title: 'Client 2',
          link: 'http://clientsite.com/'
        });

        // Client link 3
        $('.atframework_clients_widget .client:nth-of-type(3)').clientLink({
          title: 'Client 3',
          link: 'http://clientsite.com/'
        });

        // Client link 4
        $('.atframework_clients_widget .client:nth-of-type(4)').clientLink({
          title: 'Client 4',
          link: 'http://clientsite.com/'
        });

    })(jQuery);

First client in the code above is defined in this code block:

        // Client link 1
        $('.atframework_clients_widget .client:nth-of-type(1)').clientLink({
          title: 'Client 1',
          link: 'http://clientsite.com/'
        });

which is identified by .client:nth-of-type(1) selector.

  1. Update
  2. Clear any applied cache as it usually blocks new code addition to take immediate effect.

https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens

Regards,
Kharis

Hi Kharis, I just done how you wrote me. It’s work fine. How many clients I can insert in the row?

regards
CRistiano

Hello there,

You can have unlimited number of of clients by defining -1 for “Number of clients to show” option in the widget setting. There are 4 clients in a single row.

40%20AM

Regards,
Kharis

great, thanks for all
regards
Cristiano

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Hi, I have a problem.
I cannot find the where edit the link of my clients. There is no more TC Custom JavaScript plugin … I don’t know why …
I try to install again the plugin but doesn’t works
Any idea?

http://www.chefcristianobonolo.it

thanks regards
CRistiano

Hello there,

Did you mean the code in this thread didn’t work?

I saw each client image links to its own address.

Regards,
Kharis

Hi Kharis, you are right but

  • I have to change an web address and I cannot …
  • I need to add a new client and after create the page with the name of client I cannot add the web address

regards
cris

Hello there,

If the Custom JavaScript menu is missing under Appearance menu, try visiting this link yoursite.com/wp-admin/themes.php?page=tc-custom-javascript. Before doing so, log into site’s admin area (/wp-admin).

Regards,
Kharis

hi
this is the result

Do you have other custom JavaScript plugin? Probably it resides somewhere else. Please check all of your active plugins.

Regards,
Kharis

De-activating other plugin and copy again the code in Custom JavaScript all works fine now …
thanks for suggestions

Regards
CRis

Great!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis