{"id":705,"date":"2021-02-28T16:12:16","date_gmt":"2021-02-28T16:12:16","guid":{"rendered":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/?p=705"},"modified":"2022-05-08T12:10:09","modified_gmt":"2022-05-08T12:10:09","slug":"create-custom-template-for-woocommerce-product-table","status":"publish","type":"post","link":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/create-custom-template-for-woocommerce-product-table\/","title":{"rendered":"How to create custom template for WooCommerce product table?"},"content":{"rendered":"\n

Create custom template for your product table increases the flexibility of your website. They\u2019re easy to update, and they provide consistency across the project. You can make your desired color, font, size and positioning for your product table elements.<\/p>\n\n\n\n

You can easily create custom templates for WooCommerce Product table plugin<\/a> and use them on your website in the \u2018Templates<\/strong>\u2019 tab. The WooCommerce product table provides some custom templates as well.<\/p>\n\n\n\n

Creating a custom template in WooCommerce product table plugin<\/strong><\/h2>\n\n\n\n

By clicking on \u2018add new template<\/strong>\u2019 you can create a custom template with the easy-to-use interface that this plugin provides. <\/p>\n\n\n\n

\"create<\/a><\/figure>\n\n\n\n

For creating a custom template<\/strong>, you can change the following options:<\/p>\n\n\n\n

Cart template<\/strong><\/h3>\n\n\n\n

Here you can change the style of all parts of the cart section of your product table.<\/p>\n\n\n\n

\"Change<\/a><\/figure>\n\n\n\n

You can choose a background, title and meta color. You can also change the button fixed background color and button background and text color.<\/p>\n\n\n\n

Alarm template<\/strong><\/h3>\n\n\n\n

Here you can change the style of alarms and notifications. You can change their color, text and style.<\/p>\n\n\n\n

\"Change<\/a><\/figure>\n\n\n\n

This makes your website look more user-friendly and thus attract more customers.<\/p>\n\n\n\n

Control Box template<\/strong><\/h3>\n\n\n\n

In this field you can change the settings and appearance of the control fields and buttons.<\/p>\n\n\n\n

\"Change<\/a><\/figure>\n\n\n\n

You can change the shape, color and size of the buttons as well as the text inside them.<\/p>\n\n\n\n

Table header and footer template<\/strong><\/h3>\n\n\n\n

Table header is where you place the name of each column, for example you can have quantity, add to cart, category, stock and many other columns in the table header.<\/p>\n\n\n\n

\"Change<\/a><\/figure>\n\n\n\n

Here you can change the style of the column headers, for example change the background color, change the text color and etc\u2026<\/p>\n\n\n\n

Table body template<\/strong><\/h3>\n\n\n\n

Here you can change the way the table body is shown.<\/p>\n\n\n\n

\"Change<\/a><\/figure>\n\n\n\n

Table body consists of different rows and columns. You can change their colors, how they are separated (with borders or without borders) and etc\u2026 You can also change the arrangement of different columns.<\/p>\n\n\n\n

Live preview<\/strong><\/h3>\n\n\n\n

Here you can see all the changes that you have made to your template immediately. Live preview shows you what your website is going to look like and helps you better plan your next steps. <\/p>\n\n\n\n

\"Live<\/a><\/figure>\n\n\n\n

This helps you to remove possible bugs of the template before releasing it and using it on your website, and maybe improve it to be easier to use for the customers Built in templates. <\/p>\n\n\n\n

Other than creating a custom template<\/strong>, you can also choose a sample template from this plugin. You can also edit these sample plugins by clicking on the edit button that is shown whenever you hover over a template. These templates help you get started and you can adjust them based on your needs later.<\/p>\n\n\n\n

Using the built in templates also means that you don\u2019t have to waste time building or creating templates from scratch. Just use the templates you need according to your needs, and use them over and over again!<\/p>\n\n\n\n

\"Add<\/a><\/figure>\n\n\n\n

Saving your custom template<\/strong><\/h3>\n\n\n\n

After you are done with the editing, you can set a name and an image for your new custom template in the fields shown in the figure below. By clicking on the \u2018update template\u2019<\/strong> button on the top right your template will be saved and the template image and name will be shown in the \u2018template\u2019<\/strong> tab, where you can access and edit this new template later. <\/p>\n\n\n\n

You can also delete the template that you have designed later. <\/p>\n\n\n\n

Note:<\/strong> The default templates that come with the product table plugin cannot be deleted.<\/p><\/blockquote>\n\n\n\n

Conclusion<\/strong><\/h2>\n\n\n\n

The benefit of using WooCommerce product table plugin for creating a custom template<\/strong> is in its infinite flexibility. You have full control over the design and content of the product templates. Your custom WooCommerce product templates can include:<\/p>\n\n\n\n

All the standard WooCommerce fields like product price, rating, and description<\/p>\n\n\n\n

Custom fields and taxonomy<\/p>\n\n\n\n

Related products, upsells, cross-sells and other related posts<\/p>\n\n\n\n

Creating custom templates for your website gives your e-shop a great look and feel, in no time and without programming.<\/p>\n","protected":false},"excerpt":{"rendered":"

Create custom template for your product table increases the flexibility of your website. They\u2019re easy to update, and they provide consistency across the project. You can make your desired color, font, size and positioning for your product table elements. You can easily create custom templates for WooCommerce Product table plugin and use them on your […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-705","post","type-post","status-publish","format-standard","hentry","category-plugin-usage"],"_links":{"self":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts\/705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/comments?post=705"}],"version-history":[{"count":0,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/posts\/705\/revisions"}],"wp:attachment":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/media?parent=705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/categories?post=705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-product-table\/wp-json\/wp\/v2\/tags?post=705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}