“SpotCommerce” Documentation by “Tien Nguyen” v1.0

Shared By http://www.guidepedia.info

---

SpotCommerce

---

Table of Contents

1. Installing Template
2. Mobile Template Settings
3. Uploading Logo
4. Working with Menu
5. Adding Slider Background
6. Working with Slider
7. Adding Horizon Section Background
8. Text widget in Horizon Section
9. Enable Subscribe Form
10. Add Social Icons
11. Adding Static Pages
12. Enable Search Preferences
13. Adding New Products
14. Importing Testing Data
15. Blog Widget Settings
16. Translating
17. Setting Variables
18. Verifying

---

1. Installing Template - top

 And then open the file spotcommerce-v-*-*-*.xml with Notepad (or any text editor, recommend Notepad++, download here: http://notepad-plus-plus.org/download/)
 Right click and choose Select All
 Right click again and choose Copy
 Log in to your Blogger dashboard and choose drop down menu of the blog you want to install the template for. In drop down menu, choose Template
 In template page, click Edit HTML button to open template editor.
 In template editor, click on the code and right click to choose Select All
 Right click again and choose Paste, then click Save Template button to finish installing the template

---

2. Mobile Template Settings - top

 Then opt in "No. Show desktop template on mobile devices" and click Save button

---

3. Uploading Logo - top

 Click Choose File and select your blog logo from your computer. We included a logo for demo in your download package at path: SpotCommerce-testing-data\images\spot-commerce-logo.png

After upload, click Save button to apply.

---

4. Working with Menu - top

In Configure Link List window, with each menu item that you want to add, you must input the menu item name and link into New Site Name and New Site URL field and then click Add Link button. After added, click Save to apply. You can also click arrow (up or down) on each menu item to move it up and down to make your own order.
A sub menu will start with a "_" (underscore) symbol, a sub menu of sub menu will start with 2 underscore symbols "__" and so on. In above example, we had three menu items and the template will display them as below:

---

5. Adding Slider Background - top

In Configure Image window, click Choose File to upload your background image for slider section. We included a sample image in your download package at path: \SpotCommerce-testing-data\images\slider-background.jpg

After uploaded, click Save to apply.

---

6. Working with Slider - top

In Configure Image window, just input the Title, Caption, Link and click Choose File to upload an image for your Image widget. We also included testing image in your download package at path: SpotCommerce-testing-data\images\slider\

After upload image, just click Save to apply.
 Below image show the relation between the title format and the real display.
In Slider section, you can also drag and drop Image widgets to rearrange them. After have a nice order, click Save arrangement to save.

---

7. Adding Horizon Section Background - top

---

8. Text widget in Horizon Section - top

In Configure Text window, change the title as you want, and input text in Content field. You can insert icon into your text with format ##icon-code##. You can find the icon codes from: http://fortawesome.github.io/Font-Awesome/icons/

Example, with home icon, you will see its code is fa-home, so the text that you will input to content is ##home##
After input everything, click Save to apply.

---

9. Enable Subscribe Form - top

 Change the Title and the FeedBurner URL as you want then click Save. This is important step, you must do it to allow your visitors can subscribe your blog feed and get updates from their emails.

---

10. Add Social Icons - top

Input the social icon code into New Site Name field and your social link into New Site URL field, then click Add Link. Do the same steps for each social link that you want to add. You can find social codes at: http://fortawesome.github.io/Font-Awesome/icons/#brand

Example, facebook icon code is fa-facebook, so you need to input facebook to New Site Name field.

---

11. Adding Static Pages - top

Input page Title and Content and click Publish.
Return back your blog Layout and click Edit link on Page widget.
In Configure Page List window, opt in the page you want to show, you can also drag and drop page item on List Order to make your own order. After finished, click Save to apply.
 Opt in Yes radio and input your site description then click Save changes.

---

13. Adding New Products - top

 Below figure showing relation between the label you input for your posts and what will show on template.

• Input labels: _39, -40 mean you want to make this product has current price is 39 (USD or other depend on your currency setting) and the old price is 40. This product will show as On Sale on template.
• Input label: _55 only, mean you want to make this product has current price is 55.
• Input label: !0 mean you want to make this product is Out of stock.

---

14. Importing Testing Data - top

 In pop out window, click Choose File to upload your blog data. We included one example data in your download package at path: \SpotCommerce-testing-data\blog-08-12-2014.xml



After uploaded, just input the captcha number and opt in the option "Automatically publish all imported posts and pages" then click Import Blog to finish.

---

15. Blog Widget Settings - top

In Configure Blog Posts window, input Number of posts on main page value by 8 and click Save button to apply.

---

16. Translating - top

 In Configure Link List window, input the text you want to translate (original text) into New Site URL field and the translated text (the text will show up) into New Site Name field.

In this example, I want to translate "Add to cart" to "Them vao gio hang", I will input "Add to cart" into New Site URL and "Them vao gio hang" in to New Site Name, then click Add Link button. After add all translated texts, just click Save to apply.
You can translate any text of site. But in some cases, you must notices that some texts are not in one string. Example with add to cart button in product page, you will see this button has the number of order between texts. So the texts in this case will be split into 2 parts. Phrase 1 is "Add" and Phrase 2 is "items to cart". That's why you must translate them separately. All texts are case sensitive.

---

17. Setting Variables - top

In Configure Link List window, input variable name into New Site Name and value of it into New Site URL, and click Add Link. When finish, click Save to apply.

LIKE THIS TEMPLATE? SHARE TO YOUR FRIENDS

Shared By http://www.guidepedia.info

Go To Table of Contents

---