Show widgets Clients page


#1

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


#2

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


#3

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


#4

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


#5

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


#6

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

regards
CRistiano


#7

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


#8

great, thanks for all
regards
Cristiano


#9

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