{"id":11534,"date":"2023-06-21T09:56:21","date_gmt":"2023-06-21T09:56:21","guid":{"rendered":"https:\/\/elementor.com\/academy\/?page_id=11534"},"modified":"2023-06-22T08:26:00","modified_gmt":"2023-06-22T08:26:00","slug":"store-edit-your-store","status":"publish","type":"page","link":"https:\/\/elementor.com\/academy\/store-edit-your-store\/","title":{"rendered":"Store – Edit your store"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Edit Your Store<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

If you have downloaded a kit with an online store, the WooCommerce plugin is automatically included in your WP dashboard.
Additionally, pre-designed Cart and Checkout pages were added to your site, dedicated WooCommerce plugins were added to the Editor,\u00a0 and the kit also includes a few pre-designed products.
All these will give you a practical understanding of the WooCommerce functionality.<\/span><\/p>

In this unit, we will guide you through the process of editing your product content, customizing their design, and adjusting their appearance on your website.<\/p>

\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/path><\/path><\/g><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tYour Goal\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Build your online store by adding products to your site, customizing their appearance, and editing the Checkout and Cart pages.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

WooCommerce<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/rect><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/rect><\/path><\/path><\/path><\/path><\/mask><\/path><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<\/rect><\/path><\/path><\/path><\/path><\/mask><\/path><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tLearn about this topic <\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t
  1. WooCommerce<\/strong> is a WP plugin that helps you set up and manage an online store.<\/li>
  2. If you have downloaded a kit with an online store, the WooCommerce plugin is automatically included in your WP dashboard.
    Additionally, dedicated WooCommerce widgets were added to the Editor, pre-designed Cart and Checkout pages were added, and the kit also includes a selection of pre-designed products.
    All these will give you a practical understanding of the WooCommerce functionality.
  3. If your kit doesn’t contain a store and you want to add an online store to your site, you need to download the WooCommerce plugin.
    Go to WP dashboard–> Plugins–> Add New<\/strong>\u00a0<\/li>
  4. Because they have different uses than pages, Products<\/strong> are created and managed in a different method than pages.<\/li>
  5. In Products, the product\u2019s content is separated from how the content is displayed.
    The content of each product is created in WooCommerce, without design.
    The design is created with Templates in the theme builder.\u00a0<\/li>
  6. When a product is created, aside from its content, you need to define its Meta Data<\/strong> (product’s short description, featured image, price, etc.).<\/li>
  7. This information is used dynamically.
    Dynamic content<\/strong> is a method where tags are attached to information.
    These tags can be used to display the content in different places with different designs.\u00a0<\/li>
  8. Example: The price set for a product will have a \u2018Product Price\u2019 tag.
    When you display your Products, instead of manually adding a price to each product, you add the ‘Product Price’ widget<\/strong> once. The widget will automatically pull<\/strong> each product’s price.
  9. The first step is to set up your store. Go to WP dashboard–> WooCommerce
    This includes a payment method, shipment options, currencies, categories, etc.
    Some of these settings are used when you design a product, so set your Store beforehand.<\/li>
  10. Next,\u00a0 create the product and add its content and meta data.
    This is done in WooCommerce.
  11. Then create the product page.
    To do this, create a Single Product template<\/strong> (in the Theme Builder).
    This design will automatically be implemented later.
  12. Next, create a Products Archive template<\/strong> (in the Theme Builder)- Design a page that displays a collection of products.[simple_note]Not all kits include this template.[\/simple_note]
  13. After creating the templates, add a Products<\/strong> or Loop Grid<\/strong> widget to one of your pages.
    These widgets are used to display a collection of products.
    Clicking them leads the user to the full content of the Product.<\/strong>
    The design of the product’s content will be determined by the single post template<\/strong> (as it appears in the Theme Builder).