{"id":71,"date":"2022-07-03T04:31:42","date_gmt":"2022-07-03T04:31:42","guid":{"rendered":"http:\/\/docs.eriktailor.hu\/flatbook\/docs-2\/theme-options\/woocommerce\/"},"modified":"2022-07-11T05:08:03","modified_gmt":"2022-07-11T05:08:03","slug":"woocommerce","status":"publish","type":"docs","link":"https:\/\/docs.eriktailor.hu\/flatbook\/docs\/theme-options\/woocommerce\/","title":{"rendered":"WooCommerce"},"content":{"rendered":"\n

This panel of the\u00a0Customizer<\/a> contains the WooCommerce shop settings of the site. If you don’t see this panel, then go to Dashboard > Plugins >\u00a0WooCommerce and activate it.<\/p>\n\n\n\n

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

Menu Cart<\/h3>\n\n\n\n

Set up the menu cart icon in the navigation bar.<\/p>\n\n\n\n

  • Show menu cart:<\/strong> set to show or hide the menu cart icon in the navbar<\/li>
  • Menu cart icon: <\/strong>choose from 3 icon layouts for the menu cart (if menu cart is enabled)<\/em><\/li><\/ul>\n\n\n\n
    \n\n\n\n

    Shop page<\/h3>\n\n\n\n

    Here you can set up the WooCommerce shop page settings.<\/p>\n\n\n\n

    • Shop page header: <\/strong>set to show or hide the shop page header <\/li>
    • Shop page title: <\/strong>enter the title for the shop page header (if shop page header enabled)<\/em><\/li>
    • Sidebar layout: <\/strong>select the sidebar layout of the shop page (left sidebar \/ no sidebar \/ right sidebar)<\/em><\/li>
    • Product columns:<\/strong> set how many products should be shown per a row<\/li>
    • Products per page: <\/strong>set how many products should be shown per a page<\/li>
    • Show breadcrumbs:<\/strong> set to show or hide breadcrumbs on the top of the shop page<\/li>
    • Show category:<\/strong> set to show or hide product categories above the title.<\/li>
    • Show price: <\/strong>set to show or hide product price below the product title.<\/li>
    • Show new badge: <\/strong>set to show or hide new product badge on the top right of each new product.<\/li>
    • Product hover effect: <\/strong>choose the hover effect to show when the mouse is over a product<\/li>
    • Default product sorting:<\/strong> set how should products be sorted in the catalog by default<\/li><\/ul>\n\n\n\n
      \n\n\n\n

      Single Product<\/h3>\n\n\n\n

      Here you can set up the WooCommerce single product page settings.<\/p>\n\n\n\n

      • Show page header:<\/strong> set to show or hide the single product page header<\/li>
      • Page title: <\/strong>enter a page title to show up in the product page header<\/li>
      • Show product zoom: <\/strong>set to show or hide zoom icon on product to open the image in lightbox<\/li>
      • Show product metas: <\/strong>set to show or hide the product categories, tags and other metas above tabs (if have)<\/em><\/li>
      • Show related products: <\/strong>set to show or hide related products below the product content<\/li>
      • Related products count: <\/strong>set how many related products to show<\/li><\/ul>\n\n\n\n
        \n\n\n\n

        Product Images<\/h3>\n\n\n\n

        In this section you can customize the product image related settings.<\/p>\n\n\n\n

        • Thumbnail cropping:<\/strong> set how to crop product thumbnails for the shop page (1:1 \/ Custom \/ Uncropped)<\/em><\/li>
        • Catalog image height: <\/strong>sets the height of the product thumbnail on shop pages<\/li>
        • Single product image height: <\/strong>set the product image height on single product pages<\/li>
        • Related products image height:<\/strong> set the height of the related product images (if related products enabled)<\/em><\/li><\/ul>\n\n\n\n
          \n\n\n\n

          Checkout<\/h3>\n\n\n\n

          In this section you can customize the Checkout page of WooCommerce.<\/p>\n\n\n\n

          • Company name field:<\/strong> set to show or hide the “Company name” field in the form<\/li>
          • Address line 2 field: <\/strong>set to show or hide the second address line field in the form<\/li>
          • Phone field: <\/strong>set to show or hide the “Phone” field in the form<\/li>
          • Coupon code block:<\/strong> set to show or hide the coupon code block at the top of the checkout page<\/li>
          • Required fields: <\/strong>highlight required form fields with an asterisk<\/li>
          • Order notes: <\/strong>set to show or hide the “Order Notes” textarea for additional information<\/li>
          • Privacy policy:<\/strong> add some text about your store privacy policy to show during checkout<\/li>
          • Privacy policy page: <\/strong>choose your “Privacy Policy” page from your pages (if you have)<\/em><\/li>
          • Terms and conditions page:<\/strong> choose your “Terms & Conditions” page from your pages (if you have)<\/em><\/li><\/ul>\n\n\n\n
            \n\n\n\n

            Colors<\/h3>\n\n\n\n

            Set the color of the elements from the WooCommerce panel.<\/p>\n\n\n\n