{"id":148,"date":"2026-02-08T07:54:15","date_gmt":"2026-02-08T07:54:15","guid":{"rendered":"https:\/\/trooptacticshub.com\/woocommerce-fse-theme\/"},"modified":"2026-02-08T13:37:27","modified_gmt":"2026-02-08T13:37:27","slug":"woocommerce-fse-theme","status":"publish","type":"page","link":"https:\/\/trooptacticshub.com\/ro\/woocommerce-fse-theme\/","title":{"rendered":"How to use Woocommerce FSE Greenshift theme"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Greenshift is FSE block theme, in this page we will show some specific options which you need to know to configure woocommerce site on the Block theme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First of all, you need to be familiar with FSE. We made the tutorial early.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fse-for-woocommerce\">FSE for Woocommerce<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to use Full Site Editor, in depth overview for Greenshift free block theme\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/GxKUPFOI1fI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The most common templates which you will change are Front Page and Product Catalog. In the product catalog, we added Filters in sliding panel. So, you need to click on &#8220;Open Panel&#8221; and add your own filters via core Filter blocks of woocommerce. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Please, note, woocommerce uses Product Catalog template also for Product category and Product Tag template. So, you don&#8217;t need to configure them separately (except scenarios if you need to make them different from your main product shop page)<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/trooptacticshub.com\/wp-content\/uploads\/2026\/02\/catalog.jpg\" alt=\"\" class=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"gutenberg-for-product-content\">Gutenberg for Product Content<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Woocommerce uses a classic editor for product editing. But if you use Woocommerce addon of Greenshift, you can enable Gutenberg. You can do this in Woocommerce &#8211; Settings &#8211; Greenshift Tools<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"mega-menu\">Mega menu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Greenshift theme has improved menu options. You can check them in tutorial about <a rel=\"noreferrer noopener\" href=\"https:\/\/theme.greenshiftwp.com\/how-to-make-mega-menu-in-blockpress-and-greenshift-plugin\/\" target=\"_blank\">mega menu<\/a> in block theme Greenshift. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"visibility-options\">Visibility Options<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There is <a href=\"https:\/\/greenshiftwp.com\/visibility-block\/\" target=\"_blank\" rel=\"noopener\">visibility Block<\/a> in Greenshift plugin. And there is some specific options in visibility for Woocommerce<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/trooptacticshub.com\/wp-content\/uploads\/2026\/02\/visibility.jpg\" alt=\"\" class=\"\" width=\"248\" height=\"481\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This option can be used to add some conditional blocks of content on pages. For example, you can show Coupon code for those who added specific amount of items in cart. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"woocommerce-hooks\">Woocommerce Hooks<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">FSE for woocommerce is a bit experimental in current point while classic themes were polished for years for Woocommerce. Also, many plugins for woocommerce require special woocommerce hooks to inject code and they do not have Blocks. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For this reason, we added special <a href=\"https:\/\/greenshiftwp.com\/woocommerce-product-hooks\/\" target=\"_blank\" rel=\"noopener\">Woocommerce hook block<\/a>. So, if you need specific hook to be available in your templates, ask author of plugin which hook they use and add block with Hook on page. If you will see duplicated content in place where you have hooks, then, you can disable render content for hooks in Woocommerce &#8211; settings &#8211; Greenshift tools<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"checkout-and-cart-blocks\">Checkout and Cart blocks<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">By default, woocommerce uses shortcodes for cart and checkout pages. But you can replace them by Blocks. For this, edit pages with cart and checkout and remove shortcodes there, drop Cart and Checkout blocks<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wishlist-and-comparison-pages\">Wishlist and comparison pages<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Woocommerce addon have <a rel=\"noreferrer noopener\" href=\"https:\/\/greenshiftwp.com\/woocommerce-product-comparison\/\" target=\"_blank\">comparison block<\/a> and <a rel=\"noreferrer noopener\" href=\"https:\/\/greenshiftwp.com\/wishlist\/\" target=\"_blank\">wishlist block<\/a>. Don&#8217;t forget to configure them properly. <\/p>","protected":false},"excerpt":{"rendered":"<p>Greenshift is FSE block theme, in this page we will show some specific options which you need to know to configure woocommerce site on the Block theme. First of all, you need to be familiar with FSE. We made the tutorial early. FSE for Woocommerce The most common templates which you will change are Front [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_gspb_post_css":"","footnotes":""},"class_list":["post-148","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/trooptacticshub.com\/ro\/wp-json\/wp\/v2\/pages\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trooptacticshub.com\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trooptacticshub.com\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trooptacticshub.com\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trooptacticshub.com\/ro\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":1,"href":"https:\/\/trooptacticshub.com\/ro\/wp-json\/wp\/v2\/pages\/148\/revisions"}],"predecessor-version":[{"id":161,"href":"https:\/\/trooptacticshub.com\/ro\/wp-json\/wp\/v2\/pages\/148\/revisions\/161"}],"wp:attachment":[{"href":"https:\/\/trooptacticshub.com\/ro\/wp-json\/wp\/v2\/media?parent=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}