How to Setup SouqStore Blogger template

Table of Contents

1. How to Install the Template
2. How to change Theme color
3. How to Update the Navigation Menu
4. Customize Vertical Navigation Menu
5. How to Add a New Product
6. Set Payment & Shipping
7. Layout and Widget Customization
8. Shipping and Payment Options
9. Labels for Related & Recent Products
10. Change the Currency
11. Updating Footer, Ads, and Partners
12. Social Profile Settings
13. Edit Homepage Product Slider
14. Customize Meta Tags
15. Add recent products by label

Demo

1. How to Install the Template

1. Unzip the zip file (extract it with Winzip or Winrar)
2. Search for XML file, e.g, "SouqStore Template"
3. Right click on that xml file and open it with Notepad. Copy entire code.
4. Go to Blogger Dashboard → Choose your Blog
5. From left tab → Theme → Customize → Dropdrop → Edit HTML
6. Select entire code (CTRL + A) and replace it with the one you copied from notepad
7. Click 'Save Theme' and you're done!

---

2. How to change Theme color

• From left tab → Theme → Customize Main color theme
• Select your desired color from 'Color Palette', or add custom color code.
• Click save on bottom right and you're done.

---

3. How to Update the Navigation Menu

To customize the navigation menu:

• Go to Dashboard
• From left tab → Layout → click Edit icon on Navigation Menu widget.
• Normal Link: Sub Menu
• Sub Link 1.0: Add 1 "_" before text. (1 underscore)
• Sub Link 2.0: Add 2 "__" before text. (2 underscore)
• Mega Shortcode by Recent: {getMega} $label={recent}
• Mega Shortcode by Label: {getMega} $label={Gadgets}

---

Customize Vertical Menu

To customize vertical navigation menu:

1. From left tab → Layout → click Edit icon on Vertical menu widget.
2. <a href='#'>Electronics</a>
3. <a href='#'>Decor & Furniture</a>
4. Replace "#" with your category URL.
5. Click Save and refresh your page.

---

4. How to Add a New Product

• Use the HTML → Post Generator tool.
• Upload images to Blogger and paste their direct URLs in the generator.
• Fill in price, colors, sizes, short notes, and product description/specs.
• Generate code, copy it, and paste in Blogger post (HTML view).

---

5. Set Payment & Shipping Method

• From left tab → Layout → Edit Payment options or Shipping methods widget
• Replace WhatsApp number and Email
• Customize message texts for Cart and Checkout accordingly.

---

5. WhatsApp & Email Checkout Setup

• From left tab → Layout → Edit All Settings widget
• Replace WhatsApp number and Email
• Customize message texts for Cart and Checkout accordingly.

---

6. Layout and Widget Customization

From the Layout section, edit widgets like:

• Top Announcement Bar
• Homepage Slider
• Ad Banners
• Recent Products by Label
• Footer Widgets
• Contact or Call Us section

---

7. Shipping and Payment Options

Edit the Payment Methods widget to customize:

• Enable/disable shipping cost
• Add multiple payment methods (PayPal, COD, Bank Transfer, etc.)
• Add shipping services and set fee.

---

8. Enable Related & Recent Products

1. Create atleast 8 posts on your blog
2. Add 'Labels' by heading to Post settings
3. Post having similar Labels will appear as related products.

---

9. Change the Currency

• From left tab → Layout
• Edit Payment Options widget
• Scroll down & edit currencyOption
• Change 'Site URL' from USD to desired currency code
• Click Save and done!
• Currency list & their codes

---

10. Updating Footer, Ads, and Partners

From the Layout section, edit widgets like:

• Footer update contact details and links.
• Edit Our Partners update logos by replacing image URLs.
• Edit Ad Blocks to update banners.

---

11. Social Profile Settings

• Go to Dashboard
• From left tab → Layout → click Edit icon on Follow Us widget.
• Scroll down to Link list click 'Edit'.
• On Site name field type 'Facebook' or 'Twitter'
• On Site URL paste 'social profile link'.
• And click save!

---

12. Edit Homepage Product Slider

• From left tab → Layout → Edit 'Homepage Product Slider'
• Update Title, Caption, Link and Image URL
• Click save and you're done.

---

14. Add recent products by label

1. Go to Dashboard
2. From left tab > Layout > click Edit icon on recent-product-1 widget.
3. Add label name as title "Gadgets"
4. Add label name in Content "Gadgets"
5. Click save and you're done.

---

15. Customize Meta Tags

To edit meta tags, search in HTML for:

<!-- Customize Meta Tags -->
<meta content='GOOGLE-META-TAG-HERE' name='google-site-verification'/>
<meta content='BING-META-TAG-HERE' name='msvalidate.01'/>


Update with yours and click save!

More Questions?

Frequently Asked Questions - General Blogger Settings.