{"id":1056,"date":"2016-12-13T09:41:38","date_gmt":"2016-12-13T09:41:38","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=1056"},"modified":"2017-08-29T12:42:50","modified_gmt":"2017-08-29T12:42:50","slug":"woocommerce","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/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 main options<\/h3>\n<h4>In this section, you&#8217;ll be able to adjust main settings for Woocommerce elements.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14026\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-base-shop.png\" alt=\"\" width=\"978\" height=\"337\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-base-shop.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-base-shop-300x103.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-base-shop-768x265.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\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><strong>Shop Title<\/strong> &#8211;\u00a0enter the title for your shop page.<\/li>\n<\/ul>\n<h5>Styling options<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14027\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-base-styling.png\" alt=\"\" width=\"978\" height=\"712\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-base-styling.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-base-styling-300x218.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-base-styling-768x559.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li>\n<div class=\"list-title\"><strong>Catalogue 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>Woocommerce style<\/strong> &#8211;\u00a0select the styles for the woocommerce pages. <strong>Advanced<\/strong> and <strong>old styles<\/strong> are available. Advanced allow to edit the WooCommerce category pages. Check the examples of <a href=\"http:\/\/rnbtheme.com\/shortcodes\/product\/festival-crop-top-shirts\/\" target=\"_blank\" rel=\"noopener\">advanced style<\/a> and <a href=\"http:\/\/themes.dfd.name\/ronneby\/shop-first\/product\/porta-eget\/\" target=\"_blank\" rel=\"noopener\">old style<\/a>.<\/li>\n<li><strong>Product style<\/strong> &#8211; select the type of products display.For <strong>Advanced style<\/strong> only:\n<ul>\n<li><strong>Standard<\/strong> &#8211; displays title, meta, rating below the thumbnail and buy &amp; preview buttons appear on hover.<\/li>\n<li><strong>Price and hover mask<\/strong> &#8211;\u00a0thumbnail image appears by default with price appearing on hover.<\/li>\n<li><strong>Hover mask<\/strong> &#8211; thumbnail image appears by default with title, description, rating and buttons appearing on hover.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Buttons style<\/strong> &#8211; set whether you want to have <strong>Light<\/strong> or <strong>Dark<\/strong> buttons. For <strong>Advanced style<\/strong> only.<\/li>\n<li><strong>Star rating color<\/strong> &#8211; choose the color for the stars shown in the product rating.<\/li>\n<li><strong>Product preview slideshow speed<\/strong> &#8211; set the speed of the thumbnails slideshow on hover in milliseconds.<\/li>\n<li><strong>Hover mask background style<\/strong> &#8211;\u00a0choose the background style for the hover mask (available for <strong>Price and hover mask<\/strong> and <strong>Hover mask Produc<\/strong>t style).For <strong>Advanced style<\/strong> only.\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>Products hover background opacity<\/strong> &#8211; set the transparency of the background overlay.<\/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. For Advanced style only!<\/h4>\n<h5>Layout settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14032\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-category-layout.png\" alt=\"\" width=\"978\" height=\"588\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-category-layout.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-category-layout-300x180.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-category-layout-768x462.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Stunning header<\/strong>\u00a0\u2013 switch it to\u00a0<strong>Enable<\/strong>\u00a0to have the\u00a0stunning header on archive WooCommerce pages by default. It inherits the settings from\u00a0<del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">Header options<\/del>\u00a0<del>Stunning header options<\/del>\u00a0section.<\/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>Sidebar configuration<\/strong>\u00a0\u2013\u00a0set the sidebars to be shown on the blog page. \u00a0\u00a0<strong>No sidebars, sidebar on left, sidebar on right<\/strong>\u00a0and\u00a0<strong>both left and right sidebars\u00a0<\/strong>are available.<\/li>\n<li><strong>Categories and tags dropdown<\/strong>\u00a0\u2013 adds categories, tags and author drop-down sorter before single products. The example can be found\u00a0<a href=\"http:\/\/rnbtheme.com\/shortcodes\/shop\/\">here<\/a>.<\/li>\n<li><strong>Number of columns<\/strong>\u00a0\u2013 select the number of columns for single products on the archive WooCommerce 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 class=\"description\">Extra features<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14033\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-category-extra.png\" alt=\"\" width=\"978\" height=\"148\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-category-extra.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-category-extra-300x45.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-category-extra-768x116.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\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 size-full wp-image-14034\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-single-.png\" alt=\"\" width=\"978\" height=\"628\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-single-.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-single--300x193.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-single--768x493.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Stunning header<\/strong>\u00a0\u2013 switch it to\u00a0<strong>Enable<\/strong>\u00a0to have the\u00a0stunning header on single product pages by default. It inherits the settings from\u00a0<del class=\"support-arrow-right\">Theme options<\/del><del class=\"support-arrow-right\">Header options<\/del>\u00a0<del>Stunning header options<\/del>\u00a0section or you may overwrite them in single product\u00a0editor\u00a0<del>Stunning Header options<\/del>\u00a0meta 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>Sidebar configuration<\/strong>\u00a0\u2013\u00a0set the sidebars to be shown on the single product pages. \u00a0\u00a0<strong>No sidebars, sidebar on left, sidebar on right<\/strong>\u00a0and\u00a0<strong>both left and right sidebars\u00a0<\/strong>are available.<\/li>\n<li><strong>Hide thumbnails on single product page<\/strong> &#8211; set it to <strong>Enable<\/strong> to hide 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><b>Under image\u00a0<\/b>&#8211; the thumbnail images of the products will be displayed below the main product image.<\/li>\n<li><b>To the left from image\u00a0<\/b>&#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<\/ul>\n<h5>Pagination settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14035\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-single-pagination.png\" alt=\"\" width=\"978\" height=\"202\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-single-pagination.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-single-pagination-300x62.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/wc-single-pagination-768x159.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\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:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1056"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=1056"}],"version-history":[{"count":34,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1056\/revisions"}],"predecessor-version":[{"id":14037,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1056\/revisions\/14037"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=1056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=1056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=1056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}