{"id":1666547,"date":"2020-09-15T12:47:46","date_gmt":"2020-09-15T12:47:46","guid":{"rendered":"https:\/\/toolset.com\/?post_type=course-lesson&p=1666547"},"modified":"2021-05-31T07:27:10","modified_gmt":"2021-05-31T07:27:10","slug":"creating-custom-templates-for-single-product-pages","status":"publish","type":"course-lesson","link":"https:\/\/toolset.com\/fr\/course-lesson\/creating-custom-templates-for-single-product-pages\/","title":{"rendered":"Creating Custom Templates for WooCommerce Products"},"content":{"rendered":"\n

WooCommerce comes with a standard template for displaying your products. The theme you choose can make some styling changes and turn some features on or off, but anything more than that usually requires custom coding.<\/p>\n\n\n\n

With Toolset, you can create advanced features and have full control over your site\u2019s styling, with no coding necessary. You can recreate features you find on major retail sites, or dream up your own features and build them using custom post types and fields, post relationships, custom layouts, and more.<\/p>\n\n\n\n

Here are some ideas of some things you can do using Toolset:<\/p>\n\n\n\n

\n
\n
\n

Create product Q&As using forms and custom repeating fields<\/strong><\/p>\n\n\n

\n
\"Create<\/a><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n

Display products by brand or designer using custom taxonomies<\/strong><\/p>\n\n\n

\n
\"Display<\/a><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n

Display upsells, and popular cross-sells using post relationships<\/a><\/strong><\/p>\n\n\n

\n
\"Display<\/a><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n

Share special offers using conditional blocks with information from custom fields<\/strong><\/p>\n\n\n

\n
\"Share<\/a><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n

Create shoppable outfit inspiration using post relationships<\/strong><\/p>\n\n\n

\n
\"Create<\/a><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n

Show your store locations on a map using custom views<\/strong><\/p>\n\n\n

\n
\"Show<\/a><\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n

How to Design Product Templates<\/h2>\n\n\n\n
  1. Go to Toolset <\/strong>\u2192 Dashboard <\/strong>and click the Create Content Template<\/strong> button in the Products<\/strong> row.<\/li>
  2. Use the WordPress Block Editor to design your template.<\/li>
  3. Insert the Toolset Heading <\/strong>and Single Fields<\/strong> blocks with dynamic sources to display your product title, content, custom fields and taxonomies.<\/li>
  4. Choose blocks from the Toolset WooCommerce<\/strong> section to display WooCommerce elements such as the Add to Cart Button<\/strong>, Product Price<\/strong>, Rating<\/strong>, and more. You will notice that all Toolset WooCommerce blocks allow you to select a custom or native output type<\/a>.<\/li><\/ol>\n\n\n
    \n
    \"\"
    Standard elements of a single-product page<\/figcaption><\/div><\/figure>\n<\/div>\n\n
    \n
    \"\"<\/a>
    Toolset WooCommerce Blocks section<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n

    Be sure to check out our detailed lesson that explains how to display images with Toolset<\/a>.<\/p>\n","protected":false},"author":4341,"featured_media":1712647,"template":"","related-lesson":[8445],"class_list":["post-1666547","course-lesson","type-course-lesson","status-publish","has-post-thumbnail","hentry","related-lesson-e-commerce"],"_links":{"self":[{"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/course-lesson\/1666547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/course-lesson"}],"about":[{"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/types\/course-lesson"}],"author":[{"embeddable":true,"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/users\/4341"}],"version-history":[{"count":8,"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/course-lesson\/1666547\/revisions"}],"predecessor-version":[{"id":2072247,"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/course-lesson\/1666547\/revisions\/2072247"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/media\/1712647"}],"wp:attachment":[{"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/media?parent=1666547"}],"wp:term":[{"taxonomy":"related-lesson","embeddable":true,"href":"https:\/\/toolset.com\/fr\/wp-json\/wp\/v2\/related-lesson?post=1666547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}