{"id":1772225,"date":"2020-09-15T12:47:50","date_gmt":"2020-09-15T12:47:50","guid":{"rendered":"https:\/\/toolset.com\/?post_type=course-lesson&#038;p=1772225"},"modified":"2020-11-23T07:12:51","modified_gmt":"2020-11-23T07:12:51","slug":"selecting-woocommerce-blocks-output-type","status":"publish","type":"course-lesson","link":"https:\/\/toolset.com\/es\/course-lesson\/selecting-woocommerce-blocks-output-type\/","title":{"rendered":"Selecting WooCommerce Blocks Output Type"},"content":{"rendered":"\n<p>In your pages and templates, you can combine Toolset WooCommerce blocks that use both of these output types.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-media aligncenter\" data-toolset-blocks-image=\"58ea7fbeac13d9eb1a5e23d72b40b425\"><img decoding=\"async\" width=\"290\" height=\"610\" loading=\"lazy\" src=\"https:\/\/toolset.com\/wp-content\/uploads\/2020\/09\/woocommerce-blocks-styling-selector-1.png\" alt=\"\" class=\"wp-image-1773153\" srcset=\"https:\/\/toolset.com\/wp-content\/uploads\/2020\/09\/woocommerce-blocks-styling-selector-1.png 290w, https:\/\/toolset.com\/wp-content\/uploads\/2020\/09\/woocommerce-blocks-styling-selector-1-143x300.png 143w, https:\/\/toolset.com\/wp-content\/uploads\/2020\/09\/woocommerce-blocks-styling-selector-1-71x150.png 71w, https:\/\/toolset.com\/wp-content\/uploads\/2020\/09\/woocommerce-blocks-styling-selector-1-247x520.png 247w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/><div class=\"tb-image-caption\"><figcaption>Block Output selector on the Toolset WooCommerce Cart Message block<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Toolset&#8217;s Custom Output<\/h2>\n\n\n\n<p>This output type allows you to apply custom design to WooCommerce elements.<\/p>\n\n\n\n<p>When using this output type:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>You have full control over designing Toolset WooCommerce blocks.<\/li><li>If you use one of the <a href=\"https:\/\/toolset.com\/documentation\/recommended-themes\/\">recommended themes<\/a>, your design for Toolset WooCommerce blocks will appear the same in the editor and on the front-end.<\/li><\/ul>\n\n\n\n<p>With this output type you do not only create custom WooCommerce pages and templates but also apply custom styling to WooCommerce elements as well.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WooCommerce Native Output<\/h2>\n\n\n\n<p>When using this output type, desing of WooCommerce elements is defined by the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>The basic styling is provided by the WooCommerce plugin itself.<\/li><li>Your site&#8217;s theme may also apply its own custom styling.<\/li><li>There are plugins that may also alter the output of WooCommerce elements.<\/li><\/ul>\n\n\n\n<p>Because of this, please note the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>The appearance of the Toolset WooCommerce blocks in the editor may be different than the front-end.<\/li><li>Toolset WooCommerce blocks with this output type have less designing options than with the Toolset&#8217;s custom output.<\/li><\/ul>\n\n\n\n<p>Use this output type if you are happy with your theme&#8217;s design for WooCommerce elements. In this case, you can still create custom WooCommerce pages and templates. You choose what to show and where to show it without the need to apply any custom styling.<\/p>\n","protected":false},"author":4341,"featured_media":1775601,"template":"","related-lesson":[8445],"class_list":["post-1772225","course-lesson","type-course-lesson","status-publish","has-post-thumbnail","hentry","related-lesson-e-commerce"],"_links":{"self":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/course-lesson\/1772225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/course-lesson"}],"about":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/types\/course-lesson"}],"author":[{"embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/users\/4341"}],"version-history":[{"count":8,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/course-lesson\/1772225\/revisions"}],"predecessor-version":[{"id":1853207,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/course-lesson\/1772225\/revisions\/1853207"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/media\/1775601"}],"wp:attachment":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/media?parent=1772225"}],"wp:term":[{"taxonomy":"related-lesson","embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/related-lesson?post=1772225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}