{"id":1056,"date":"2016-12-13T09:41:38","date_gmt":"2016-12-13T09:41:38","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=1056"},"modified":"2017-05-03T09:16:05","modified_gmt":"2017-05-03T09:16:05","slug":"woocommerce","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/theme-options\/woocommerce","title":{"rendered":"Woocommerce"},"content":{"rendered":"<p>This options section allows you to style the general appearance of the WooCommerce elements on the site.<\/p>\n<p>The Woocommerce plugin is required to be installed and activated in order to be able to customize Woocommerce elements.<\/p>\n<h3>Woocommerce base options<\/h3>\n<h4>In this section, you&#8217;ll be able to adjust main settings for Woocommerce elements.<\/h4>\n<p><strong><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1231 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Woocommerce-base-options-NEW-3.jpg\" alt=\"woocommerce-base-options-new-3\" width=\"978\" height=\"635\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Woocommerce-base-options-NEW-3.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Woocommerce-base-options-NEW-3-300x195.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Woocommerce-base-options-NEW-3-768x499.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/strong><\/p>\n<ul>\n<li><strong>Shop Title<\/strong> &#8211;\u00a0enter the title for your shop page.<\/li>\n<li><strong>Shop top link source<\/strong> &#8211;\u00a0set the page or custom link which will be used for the button placed next to the categories and tags drop-down on shop page.\n<ul>\n<li><strong>Page<\/strong> \u2013 allows you to select the page from the existing ones on your site to be set as your main shop page.\n<ul>\n<li><strong>Shop page<\/strong> \u2013 select the page which will be used as main gallery page from the drop-down list.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Custom URL<\/strong> \u2013 allows you to set the custom link for the shop page.\n<ul>\n<li><strong>Shop page URL<\/strong> \u2013 enter the link which will be used as the\u00a0main shop page.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<div class=\"list-title\"><strong>Catalog mode<\/strong> &#8211; set it to <strong>Enable<\/strong> to use shop as a catalog <strong>(with no prices and option to buy products)<\/strong>.<\/div>\n<\/li>\n<li><strong>Star rating color<\/strong> &#8211; choose the color for the stars shown in the product rating.<\/li>\n<li><strong>Hover mask background style<\/strong> &#8211; choose the background style for the hover mask (available for Product style 3 selected in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Woocommerce<\/del> <del class=\"support-arrow-right\">Woocommerce Category Options<\/del> <del class=\"support-arrow-right\">Content elements<\/del> <del>Product style<\/del> section.\n<ul>\n<li><strong>Simple<\/strong> \u2013 select this style to have one color for the product hover on shop page.\n<ul>\n<li><strong>Mask background color<\/strong> \u2013 select the background color for the hover mask.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Gradient<\/strong> \u2013 select this style to have the gradient style for product hover.\n<ul>\n<li><strong>Background gradient<\/strong> \u2013 choose the start and end color for the hover mask gradient color for shop page.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>Background opacity<\/strong> \u2013 set the opacity value for the hover mask background (available for Product style 3 only).<\/li>\n<\/ul>\n<h5 class=\"description\">Sale badge setting<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12730\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/base-saale.png\" alt=\"\" width=\"978\" height=\"331\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/base-saale.png 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/base-saale-300x102.png 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/base-saale-768x260.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Sale badge position<\/strong> &#8211; select the position of the sale badge: <strong>left<\/strong> and <strong>right<\/strong> variants are available.<\/li>\n<li><strong>Sale badge background<\/strong> &#8211; set the color for the sale badge for your site.<\/li>\n<li><strong>Sale badge border radius<\/strong> &#8211; specify the border radius in px for the sale badge.<\/li>\n<\/ul>\n<h3>Woocommerce category options<\/h3>\n<h4>These options allow you to style the WooCommerce archive pages of your site &#8211; it&#8217;s the default Shop page generated by WooCommerce plugin.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1232 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/woocommerce-category-options-new.jpg\" alt=\"woocommerce-category-options-new\" width=\"978\" height=\"732\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/woocommerce-category-options-new.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/woocommerce-category-options-new-300x225.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/woocommerce-category-options-new-768x575.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5>Layout settings<\/h5>\n<ul>\n<li><strong>Custom header<\/strong> \u2013 switch it to <strong>Enable<\/strong> to have the custom header on the archive shop pages. It inherits the settings from <del class=\"support-arrow-right\">Theme options<\/del><del class=\"support-arrow-right\">Header options<\/del> <del>Custom header options<\/del> section.<\/li>\n<li><strong>Layout width<\/strong> \u2013 set the archive shop page content width. <strong>Boxed<\/strong> and <strong>full width<\/strong> variants are available.<\/li>\n<li><strong>Category layout<\/strong> \u2013 select the layout type which will be set as default for the archive shop page. Layout with <strong>right, left<\/strong>, <strong>both<\/strong> or <strong>no sidebars<\/strong> are available.<\/li>\n<\/ul>\n<h5>Page settings<\/h5>\n<ul>\n<li><strong>Categories, tags dropdown<\/strong> &#8211;\u00a0switch it to <strong>Enable<\/strong> to show or hide categories, tags and author drop-down sorter before product items.<\/li>\n<li><strong>Number of columns<\/strong> &#8211; select the number of columns for the category page.<\/li>\n<li><strong>Number of products per page to display<\/strong> &#8211; specify the number of products to be displayed per one shop category page.<\/li>\n<\/ul>\n<h5>Content elements<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1173 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-elements.jpg\" alt=\"content-elements\" width=\"978\" height=\"617\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-elements.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-elements-300x189.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-elements-768x485.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Product style<\/strong> &#8211; select the product style on the shop page. <strong>Three styles<\/strong> are available, check all of them following <a href=\"http:\/\/nativewptheme.net\/shop\/product-list\/\">this link<\/a>.\n<ul>\n<li><strong>Style 1<\/strong> &#8211; the featured image of the product displays <strong>add to cart, lightbox<\/strong> and <strong>add to wishlist buttons<\/strong> on hover on a\u00a0transparent background.<\/li>\n<li><strong>Style 2<\/strong> &#8211;<strong> the\u00a0add to cart, lightbox<\/strong> and <strong>add to wishlist buttons<\/strong> are displayed below featured image of the product.<\/li>\n<li><strong>Style 3<\/strong> &#8211; the featured image of the product displays <strong>add to cart, lightbox<\/strong> and <strong>add to wishlist buttons<\/strong> on hover on a mask background. It can be set in <del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">Woocommerce base options<\/del>\u00a0<del>Hover mask background style<\/del>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Title<\/strong> &#8211; select whether the product title will be shown or hidden on the shop category page.<\/li>\n<li><strong>Subtitle<\/strong> &#8211; set it to <strong>Enable<\/strong> to display product subtitle on the shop category page.<\/li>\n<li><strong>Price<\/strong> &#8211; show or hide the product price on category pages.<\/li>\n<li><strong>Rating<\/strong> &#8211; set it to <strong>Enable<\/strong> to show product star rating on shop category page.<\/li>\n<li><strong>Content alignment<\/strong> &#8211; set the alignment of the product content horizontally. <strong>Left<\/strong>, <strong>right<\/strong> and <strong>center<\/strong> variants are available.<\/li>\n<li><strong>Items appear effect<\/strong> &#8211;\u00a0select\u00a0the appear effect for the products.<\/li>\n<\/ul>\n<h3>Woocommerce single options<\/h3>\n<h4>Adjust the default settings for your single products in this section.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1176 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/single-options.jpg\" alt=\"single-options\" width=\"978\" height=\"850\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/single-options.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/single-options-300x261.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/single-options-768x667.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Custom header<\/strong> \u2013 switch it to <strong>Enable<\/strong> to have the custom header on the single product pages. It inherits the settings from <del class=\"support-arrow-right\">Theme options<\/del><del class=\"support-arrow-right\">Header options<\/del> <del>Custom header options<\/del> section. You can also overwrite these settings in single product editor <del>Custom Header Options<\/del> meta box.<\/li>\n<li><strong>Layout width<\/strong> \u2013 set the single product page content width. <strong>Boxed<\/strong> and <strong>full width<\/strong> variants are available.<\/li>\n<li><strong>Single layout<\/strong> \u2013 select the layout type which will be set as default for the single product page. Layout with <strong>right, left<\/strong>, <strong>both<\/strong> or <strong>no sidebars<\/strong> are available.<\/li>\n<li><strong>Hide thumbnails<\/strong> &#8211; allows hiding the product gallery thumbnails on single product page.<\/li>\n<li><strong>Image and description width configuration<\/strong> &#8211; select the proportions of the product gallery and description sections;\n<ul>\n<li>\u00a0<strong>1\/5 to 4\/5<\/strong><\/li>\n<li><strong> 1,4 to 3\/4<\/strong><\/li>\n<li><strong> 1\/3 to 2\/3<\/strong><\/li>\n<li><strong> 5\/12 to 7\/12<\/strong><\/li>\n<li><strong> 1\/2 to 1\/2<\/strong><\/li>\n<li><strong> 2\/3 to 1\/3<\/strong><\/li>\n<li><strong> 3\/4 to 1\/4<\/strong><\/li>\n<li><strong> 4\/5 to 1\/5.<\/strong><\/li>\n<\/ul>\n<\/li>\n<li><strong>Thumbnails position<\/strong> &#8211; set the product gallery thumbnails position:\n<ul>\n<li><strong>Bottom<\/strong> &#8211; the thumbnail images of the products will be displayed below the main product image.<\/li>\n<li><strong>Left<\/strong> &#8211;\u00a0the thumbnail images of the products will be displayed to the left of the main product image.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Number of thumbnails to show<\/strong> &#8211; set the number of product gallery thumbnails which should be visible on single product page.<\/li>\n<li><strong>Inside pagination<\/strong> &#8211; switch it to <strong>Enable<\/strong> to activate inside pagination between the previous and next product on single product page.<\/li>\n<li><strong>Pagination position<\/strong> \u2013\u00a0select the position of the inside pagination on single\u00a0product page. <strong>Fixed\u00a0<\/strong>and <strong>Top\u00a0<\/strong>variants are available. You can also <strong>disable\u00a0<\/strong>pagination.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>This options section allows you to style the general appearance of the WooCommerce elements on the site. The Woocommerce plugin is required to be installed and activated in order to<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[41,38,13],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/1056"}],"collection":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/comments?post=1056"}],"version-history":[{"count":27,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/1056\/revisions"}],"predecessor-version":[{"id":12732,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/1056\/revisions\/12732"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=1056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=1056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=1056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}