--- title: Configure HomePage Settings description: "Online eStore Provides a \"Home Page\" template for your home page. Please follows these steps to configure your home page with \"home page\" template. #### HomePage Setting 1. Login into your WordPress site and open the Administration Panel. 2. Go to…" url: "https://doc.sparklewpthemes.com/docs/online-estore/configure-homepage-settings/" updated: "2021-07-13" category: Online eStore --- # Configure HomePage Settings Online eStore Provides a "Home Page" template for your home page. Please follows these steps to configure your home page with "home page" template. #### HomePage Setting 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Pages > Add New 3. Enter the Page Title for the Page. You do not require to enter anything in the content section for creating a home page. 4. Select the Home Page Template from the Page Attributes section. 5. Click Publish   ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/homepagetemplate-1024x472.jpg)   #### Configuring the front Page display setting 1. Login into your WordPress site and open the Administration Panel. 2. Go to Appearance > Customize > Static Front Page. 3. Select A static page under Front Page displays. 4. Click Save & Publish.     ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/configerhomepagetemplate-1024x501.jpg) #### Note : Remember that Online eStore WooCommerce themes fully base on Widget so first configer home page using widget. ##### WooCommerce Category Collection   ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/categorycollection-1024x403.jpg)   ### Configure WooCommerce Category Collection 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP : Woo Category Collection"** & Manage woocommerce category collection options per as you want 5. Click Save > Publish. ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/categorycollectionsettings-1024x513.jpg) ### SP: Single Product Offer (Pro) ---   ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/singleproductoffer-1024x444.jpg) ### Configure SP: Single Product Offer (Pro) 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP: Single Product Offer (Pro)"** & Manage All Single Product Offer(Pro) Widget Options Per as You Want 5. Click Save > Publish.   ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/singleproductoffersettings-1024x478.jpg) ### SP: Woo Products List (Pro) --- ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/productlist-1024x910.jpg)   ### Configure SP: Woo Products List (Pro) 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP: Woo Products List (Pro)"** & Manage All SP: Woo Products List (Pro) Widget Options Per as You Want 5. Click Save > Publish.   ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/productlistsettings-1024x524.jpg) ### SP: Woo Product Type (Pro)     ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/producttypepro-1024x444.jpg) ### Configure SP: Woo Product Type (Pro) 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP: Woo Product Type (Pro)"** & Manage All Woo Product Type (Pro) Widget Options Per as You Want 5. Click Save > Publish.   ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/producttypeprosettings-1024x537.jpg) ### SP: Woo Special Offer Deal (Pro)   ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/specialdeal-1024x459.jpg) ### Configure SP: Woo Special Offer Deal (Pro) 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP: Woo Special Offer Deal (Pro)"** & Manage All SP: Woo Special Offer Deal (Pro) Widget Options Per as You Want 5. Click Save > Publish.   ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/specialdealsettings-1024x519.jpg)     ### WooCommerce Category Collection in Tabs   ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/categorycollectiontabs-1024x477.jpg) ### Configure WooCommerce Category Collection in Tabs 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP : Woo Category Tabs"** & Manage woocommerce category collection tabs options per as you want 5. Click Save > Publish. ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/categorycollectiontabssettings-1-1024x505.jpg) ### WooCommerce Category Features Image With Related Product ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/categorywithproduct-1024x493.jpg) ### Configure WooCommerce Category With Product Section 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP : Woo Category With Product"** & Manage woocommerce category with product section options per as you want 5. Click Save > Publish. ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/categorywithproductsettings-1024x510.jpg) ### WooCommerce Product Type Section (Latest, Features, Upsell, OnSale or Category) ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/productarea-1024x491.jpg) ### Configure WooCommerce Product Type Section 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP : Woo Product Area"** & Manage woocommerce product area sections options per as you want 5. Click Save > Publish. ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/productareasettings-1024x512.jpg) ### Blogs Widget Section ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/blogs-1024x594.jpg) ### Configure Blogs Widget Section 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP : Blogs Widget Section"** & Manage blogs widget section options per as you want 5. Click Save > Publish. ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/blogssettings-1024x509.jpg) ### SP:Team Member Widget (Pro) ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/team-1024x523.jpg) ### Configure SP:Team Member Widget (Pro) 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP:Team Member Widget (Pro)"** & Manage All SP:Team Member Widget (Pro) Widget Options Per as You Want 5. Click Save > Publish. ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/teamsettings-1024x496.jpg) ### SP: Testimonial Widget (Pro) ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/testimonial-1024x409.jpg) ### Configure SP: Testimonial Widget (Pro) 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP: Testimonial Widget (Pro)"** & Manage All SP: Testimonial Widget (Pro) Widget Options Per as You Want 5. Click Save > Publish. ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/testimonialsettings-1024x545.jpg) #### SP: Promo Video widget (Pro) ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/videopromo-1024x341.jpg) ### Configure SP: Promo Video widget (Pro) 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP: Promo Video widget (Pro)"** & Manage All SP: Promo Video widget (Pro) Widget Options Per as You Want 5. Click Save > Publish. ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/videopromosettings-1024x532.jpg) ### SP: Promo Widget (Pro) ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/propromo-1024x283.jpg) ### Configure SP: Promo Widget (Pro) 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP: Promo Widget (Pro)"** & Manage All SP: Promo Widget (Pro) Widget Options Per as You Want 5. Click Save > Publish. ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/propromosettings-1024x518.jpg) ### SP: Full Promo Widget (Pro) ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/profullpromo-1024x320.jpg) ### Configure SP: Full Promo Widget (Pro) 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP: Full Promo Widget (Pro)"** & Manage All SP: Full Promo Widget (Pro) Widget Options Per as You Want 5. Click Save > Publish. ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/profullpromosettings-1024x515.jpg) ### Promo Widget Section ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/promowidget-1024x411.jpg) ### Create Page for Promo Widget Section 1. Login into your WordPress site and open the Administration Panel. 2. First of all, create a Page for Promo Widget Section 3. Add Page Title,Excerpt/Content and feature Image for Promo Widget Section section in page field. 4. Click Save > Publish. ### Configure Promo Widget Section 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP : Promo Widget Section"** & Manage promo widget section options per as you want 5. Click Save > Publish. ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/promowidgetsettings-1024x506.jpg) ### Full Promo Widget Section ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/fullpromowidget-1024x237.jpg)   ### Create Page for Full Promo Widget Section 1. Login into your WordPress site and open the Administration Panel. 2. First of all, create a Page for Full Promo Widget Section 3. Add Page Title,Excerpt/Content and feature Image for Full Promo Widget Section in page field. 4. Click Save > Publish. ### Configure Full Promo Widget Section 1. Login into your WordPress site and open the Administration Panel. 2. Go to Dashboard > Appearance > Widgets 3. Open > Widgets > Sparkle : Main Widget Area **or SP: Top FullWidth Widget Area (Pro) or SP: Buttom FullWidth Widget Area (Pro)** 4. Drag & Drop **"SP : Full Promo Widget"** & Manage Full promo widget options per as you wan. 1. ![](https://doc.sparklewpthemes.com/wp-content/uploads/2021/07/fullpromowidgetsettings-1024x512.jpg)