{"id":313,"date":"2019-01-25T06:40:06","date_gmt":"2019-01-25T06:40:06","guid":{"rendered":"https:\/\/exponentwptheme.com\/documentation\/?page_id=313"},"modified":"2021-10-01T12:43:28","modified_gmt":"2021-10-01T12:43:28","slug":"build-your-shop-page","status":"publish","type":"page","link":"https:\/\/spyrowptheme.com\/documentation\/overview-shop\/build-your-shop-page\/","title":{"rendered":"Build your Shop Page"},"content":{"rendered":"<div  class=\"tatsu-fziu6vb4tj9u5ptu tatsu-section    tatsu-clearfix\" data-title=\"\"  data-headerscheme=\"background--dark\"><div class='tatsu-section-pad clearfix' data-padding='{\"d\":\"90px 0px 90px 0px\"}' data-padding-top='90px'><div class=\"tatsu-row-wrap  tatsu-wrap tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols  tatsu-clearfix tatsu-fziu6vb4x02mdzmb\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fziu6vb503beky2w\"  data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-sidebar tatsu-fziu6vb51c7v12yc   \"  ><div class=\"widget_nav_menu widget\"><h6>Related Articles<\/h6><div class=\"menu-shop-menu-container\"><ul id=\"menu-shop-menu\" class=\"menu\"><li id=\"menu-item-525\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-525\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/overview-shop\/shop-overview\/\" title=\"Shop Overview\">Shop Overview<\/a><\/li>\n<li id=\"menu-item-526\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-526\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/overview-shop\/build-your-shop-page\/\" title=\"Build your Shop Page\">Build your Shop Page<\/a><\/li>\n<li id=\"menu-item-527\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-527\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/overview-shop\/global-shop-settings\/\" title=\"Global Shop Settings\">Global Shop Settings<\/a><\/li>\n<li id=\"menu-item-528\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-528\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/overview-shop\/product-module-in-tatsu\/\" title=\"Product Module in Tatsu\">Product Module in Tatsu<\/a><\/li>\n<\/ul><\/div><\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fziu6vb503beky2w.tatsu-column{width: 25%;}.tatsu-fziu6vb503beky2w.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fziu6vb503beky2w > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fziu6vb503beky2w > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fziu6vb503beky2w > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fziu6vb503beky2w > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fziu6vb503beky2w.tatsu-column{width: 25%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fziu6vb503beky2w.tatsu-column{width: 25%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fziu6vb503beky2w.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-three-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fziu6vbbs13cu80f\"  data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzj0q2vhbd3l0kws   \" ><style>.tatsu-fzj0q2vhbd3l0kws .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzj0q2vhbd3l0kws.tatsu-inline-text{margin: 0px 0px 0px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzj0q2vhbd3l0kws .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p><a href=\"..\/\" target=\"_self\" rel=\"noopener\"><span class=\"palette-0 tatsu-inline-link-style2 h9\">CATEGORY &#8211; SHOP<\/span><\/a><\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-r1O2BEumV   \" ><style>.tatsu-r1O2BEumV .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-r1O2BEumV .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h3 style=\"margin-bottom: 15px;background-color: #ffffff\">Build your Shop<\/h3>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fziu6vbbui4amqbo   \" ><style>.tatsu-fziu6vbbui4amqbo .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-fziu6vbbui4amqbo .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Step 1 &#8211; Install Woocommerce<\/h5>\n<p>So the first step in setting up an online store using Spyro,&nbsp; is to go to <strong>PLUGINS -&gt; ADD NEW<\/strong>, search for &lsquo;<strong>WooCommerce<\/strong>&rsquo; in the WordPress repository, Install &amp; Activate it. Once you activate the plugin, WooCommerce takes you through a setup Wizard, using which you can set some of the basic configurations of your store.&nbsp;<\/p>\n<h5>Step 2 &#8211; Set up Woocommerce Pages<\/h5>\n<p>The four fundamental pages of a WooCommerce store are Shop, Cart, Checkout &amp; My Account. Woocommerce creates these pages automatically for you, if you had chosen to do so, in the setup wizard. Otherwise you would have manually create and setup these pages.<\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-ryDEEEOmE   \" ><style>.tatsu-ryDEEEOmE .tatsu-inline-text-inner{width: 100%;text-align: left;padding: 0px 0px 0px 40px;}@media only screen and (max-width: 767px) {.tatsu-ryDEEEOmE .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<ul>\n<li><strong><span class=\"palette-0\">Shop<\/span><\/strong> &#8211; This is where all your products are showcased. To setup your Shop page, go to PAGES -&gt; ADD NEW, create a page named SHOP. Publish it. Go to <strong>WOOCOMMERCE -&gt; SETTINGS -&gt; PRODUCTS<\/strong> tab and set this as your Shop Page.\u00a0<\/li>\n<li><strong><span class=\"palette-0\">Cart<\/span><\/strong> &#8211;\u00a0This is where a user can review all the products that have been added to the cart. To setup your Cart page, go to PAGES -&gt; ADD NEW, create a page named CART. Publish it. Go to <strong>WOOCOMMERCE -&gt; SETTINGS -&gt; ADVANCED<\/strong> tab and set this as your Cart Page.\u00a0<\/li>\n<li><strong><span class=\"palette-0\">Checkout<\/span><\/strong> &#8211;\u00a0This is where a user can enter his billing &amp; shipping details, choose his payment method and complete the order. To setup your Checkout page, go to PAGES -&gt; ADD NEW, create a page named CHECKOUT. Publish it. Go to <strong>WOOCOMMERCE -&gt; SETTINGS -&gt; ADVANCED<\/strong> tab and set this as your Checkout Page.\u00a0<\/li>\n<li><strong><span class=\"palette-0\">My Account<\/span><\/strong> &#8211;\u00a0This is where a registered user can manage this orders and his account details. To setup your My Account page, go to PAGES -&gt; ADD NEW, create a page named SHOP. Publish it. Go to <strong>WOOCOMMERCE -&gt; SETTINGS -&gt; ADVANCED<\/strong> tab and set this as your My Account Page.<span class=\"Apple-converted-space\" style=\"color: #454545;font-family: 'Helvetica Neue';font-size: 12px;letter-spacing: 0px\">\u00a0<\/span><\/li>\n<\/ul>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-BkkTV4OmN   \" ><style>.tatsu-BkkTV4OmN .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-BkkTV4OmN .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p>Apart from these pages, you can also setup a <strong>Terms &amp; Conditions Page<\/strong>. Each product in your shop has a separate page for itself where it is showcased in detail. WooCommerce automatically populates these pages with the appropriate contents. To build a Home page or other pages with Shop &amp; Product data, Spyro provides you the PRODUCTS module inside Tatsu, using which you can showcase Featured Products, Products on Sale, Top Rated Products, Products of a particular category or Even All Products. Learn more about the Products Module. WooCommerce provides Various Shortcodes as well, which you can find <span class=\"palette-0 tatsu-inline-link-style2\"><a href=\"https:\/\/docs.woocommerce.com\/document\/woocommerce-shortcodes\/\">here<\/a><\/span>. You can add a WooCommerce shortcode to a page, by using the SHORTCODES module in Tatsu.&nbsp;<\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-H1mZB4OQN   \" ><style>.tatsu-H1mZB4OQN .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-H1mZB4OQN .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5 style=\"background-color: #ffffff\">Step 3 &#8211; Add Products<\/h5>\n<p>WooCommerce Docs, has a comprehensive section of adding and managing products. Check it out here &#8211;\u00a0<a href=\"https:\/\/docs.woocommerce.com\/document\/managing-products\/\">https:\/\/docs.woocommerce.com\/document\/managing-products\/<\/a><\/p>\n<\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fziu6vbbs13cu80f.tatsu-column{width: 75%;}.tatsu-fziu6vbbs13cu80f.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad{padding: 0px 0px 0px 40px;}.tatsu-fziu6vbbs13cu80f.tatsu-column > .tatsu-column-inner{border-width: 0px 0px 0px 1px;border-color: rgba(237,237,237,1); }.tatsu-fziu6vbbs13cu80f.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fziu6vbbs13cu80f > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fziu6vbbs13cu80f > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fziu6vbbs13cu80f > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fziu6vbbs13cu80f > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fziu6vbbs13cu80f.tatsu-column{width: 75%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fziu6vbbs13cu80f.tatsu-column{width: 75%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fziu6vbbs13cu80f.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background\" ><\/div><\/div><style>.tatsu-fziu6vb4tj9u5ptu .tatsu-section-pad{padding: 90px 0px 90px 0px;}.tatsu-fziu6vb4tj9u5ptu > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fziu6vb4tj9u5ptu > .tatsu-top-divider{z-index: 9999;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"<div><a href=\"https:\/\/spyrowptheme.com\/documentation\/overview-shop\/build-your-shop-page\/\" class=\"exp-read-more exp-read-more-underlined\">Read More<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":311,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-313","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=313"}],"version-history":[{"count":0,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/313\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/311"}],"wp:attachment":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}