{"id":121837,"date":"2023-07-10T11:21:25","date_gmt":"2023-07-10T05:51:25","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&p=121837"},"modified":"2023-08-08T12:10:58","modified_gmt":"2023-08-08T06:40:58","slug":"add-logo-showcase-from-dynamic-custom-post-type-in-elementor","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/add-logo-showcase-from-dynamic-custom-post-type-in-elementor\/","title":{"rendered":"How to Add Logo Showcase from Dynamic Custom Post Type in Elementor?"},"content":{"rendered":"\n

Are you looking to create a dynamic and visually appealing logo showcase in Elementor using a custom post type? A custom post type allows you to organize and manage your logos separately from regular posts or pages, giving you more control over their display and functionality.<\/p>\n\n\n\n

With The Plus Addons for Elementor, managing client logos on your website becomes easier. It offers a dedicated custom post type specifically designed for client logos, which seamlessly integrates with the Clients Listing widget. This built-in functionality allows you to effortlessly organize and showcase your client logos without the need for additional customization. <\/p>\n\n\n\n

Moreover, if you already have a custom post type for client logo, you can seamlessly integrate it with the Clients Listing widget.<\/p>\n\n\n\n

To check the complete feature overview documentation of The Plus Addons for Elementor Clients Listing widget, click here<\/a>.<\/em><\/p>\n\n\n\n

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.<\/em><\/strong><\/p>\n\n\n\n

\n
LIVE WIDGET LINK<\/a><\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

Use Default Custom Post Type from The Plus Addons for Elementor<\/h3>\n\n\n\n

To do this, first, you have to activate the clients custom post type. From the Dashboard, go to ThePlus Settings<\/strong> > Post Listing<\/strong>.<\/p>\n\n\n\n

Under the Clients Post Type Settings<\/strong> section, select ThePlus Post Type <\/strong>from the Select Post Type Type<\/strong> dropdown.<\/p>\n\n\n\n

Then you can keep all the fields such as Post Name, Post Title and Category Taxonomy Value blank to use the default post type names but if you want, you can add your own names that will affect the post type slug and post type names.<\/p>\n\n\n\n

Once done, click on the Save<\/strong> button.<\/p>\n\n\n\n

Reload the page then you\u2019ll see Tp Clients or the custom name you\u2019ve set for the post type in the admin menu.<\/p>\n\n\n\n

\"clients<\/figure>\n\n\n\n

There you have to add some posts with client details.<\/p>\n\n\n\n

\"clients<\/figure>\n\n\n\n

Once you\u2019ve added some clients, open a page with Elementor and add the Clients Listing widget on the page. Select the appropriate layout from the Layout<\/strong> dropdown then select Post Type<\/strong> from the Select Source<\/strong> dropdown under the Content Layout<\/strong> tab.<\/p>\n\n\n\n

\"clients<\/figure>\n\n\n\n

You\u2019ll be able to see the client logos on the page.<\/p>\n\n\n\n

From the Select Category<\/strong> under the Content Source<\/strong> tab, you can select specific categories as the source of your logo showcase.<\/p>\n\n\n\n

In the Maximum Posts Display<\/strong> field, you can set a maximum number of items to be displayed on a page. <\/p>\n\n\n\n

From the Offset Posts<\/strong> field, you can hide posts from the beginning of the list.<\/p>\n\n\n\n

Then from the Order By<\/strong> dropdown, you can order the logo showcase with different parameters.<\/p>\n\n\n\n

From the Order<\/strong> dropdown, you can arrange the logo showcase in ascending or descending order based on the option selected in the Order By<\/strong> dropdown.
<\/p>\n\n\n\n

Use Your Own Custom Post Type <\/h3>\n\n\n\n

If you already have or want to use your own custom post type for client logos, you can easily use it with the Clients Listing widget.<\/p>\n\n\n\n

You can use the free Advanced Custom Fields (ACF)<\/a> plugin to create custom post type<\/a> and custom taxonomy.<\/p>\n\n\n\n

For example, we have a custom post type called Client for clients and Client Categories as a custom taxonomy.<\/p>\n\n\n\n

Now to use this post type with the Clients Listing widget, from the Dashboard, go to ThePlus Settings<\/strong> > Post Listing<\/strong>.<\/p>\n\n\n\n

Under the Clients Post Type Settings<\/strong> section, select Prebuilt Theme Based <\/strong>from the Select Post Type Type<\/strong> dropdown.<\/p>\n\n\n\n

\"clients<\/figure>\n\n\n\n

In the Prebuilt Post Name<\/strong> field, add your custom post type name.<\/p>\n\n\n\n

To find it click on the post type, in the URL the name after \u2018post_type<\/em>=\u2019 is the post type name. <\/p>\n\n\n\n

For example, we have \u2018post_type=client<\/em>\u2019, so \u2018client<\/em>\u2019 will be the post type name. <\/p>\n\n\n\n

\"clients<\/figure>\n\n\n\n

If you have created a custom taxonomy for your custom post type, in the Prebuilt Category Taxonomy Value<\/strong>, you can add the taxonomy name. <\/p>\n\n\n\n

To find it click on the taxonomy link under your custom post type, in the URL the name after \u2018taxonomy<\/em>=\u2019 is the taxonomy name. <\/p>\n\n\n\n

For example, we have \u2018taxonomy=client-category<\/em>\u2019, so \u2018client-category<\/em>\u2019 will be the taxonomy name.<\/p>\n\n\n\n

\"clients<\/figure>\n\n\n\n

Add both names in the Prebuilt Post Name<\/strong> and Prebuilt Category Taxonomy Value<\/strong> field.<\/p>\n\n\n\n

\"clients<\/figure>\n\n\n\n

Once done, click on the Save<\/strong> button.<\/p>\n\n\n\n

Now all the predefined Tp Clients fields will be added to your custom post type, you can also add your own custom fields to it, to show more information on the client\u2019s single page. <\/p>\n\n\n\n

\n

Note: Your custom field value will not show in the listing of the Clients Listing widget.<\/em><\/p>\n<\/blockquote>\n\n\n\n

<\/p>\n\n\n\n

Add some posts with client details in your custom post type.<\/p>\n\n\n\n

Once done, then follow the same steps mentioned for the default custom post type to show the client logos using the Clients Listing widget.<\/p>\n\n\n\n

Also, read How to Add a Category Wise Filter in Logo Showcase in Elementor<\/a>.<\/p>\n","protected":false},"author":25,"featured_media":121845,"parent":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","docs":[578,526],"class_list":["post-121837","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-clients-listing","docs-plus-listings"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121837","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=121837"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121837\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/121845"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=121837"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=121837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}