Widgets - Revision history

Nandan: /* What is a Widget? */

2013-06-06T14:22:42Z

‎What is a Widget?

Nandan: /* What is a Widget? */

2013-06-06T14:22:20Z

‎What is a Widget?

Nandan at 13:52, 6 June 2013

2013-06-06T13:52:58Z

Nandan at 12:51, 6 June 2013

2013-06-06T12:51:17Z

Nandan: Created page with "==What is a Widget?== A widget is a UI element that allows you to list a select set of products within a mini-window on your store. Below is a quick rendering of an example wi..."

2013-03-26T11:59:26Z

Created page with "==What is a Widget?== A widget is a UI element that allows you to list a select set of products within a mini-window on your store. Below is a quick rendering of an example wi..."

New page

==What is a Widget?==
A widget is a UI element that allows you to list a select set of products within a mini-window on your store. Below is a quick rendering of an example widget.

[[Image:WidgetSlider.png|middle]]

This is very useful to display and highlight this product set to your store visitors. Think of it as a custom made "showcase" where you can a promote a product set.

For eg:
You might want to show all the latest additions to your store as a widget OR
You might want to showcase products with large discounts in a widget OR
You might want to highlight a special category of products for a particular period to drive their sales.

==Where can I access the Widgets feature in the Store Manager?==
Goto Store Manager > Products > Widgets. You will see all your default widgets listed in this "Widgets List page".

==What can I do in the "Widgets List" page?==

[[Image:WidgetListPage.png|middle]]

The first column with arrows allows you to control the order in which the widgets are displayed
The second column is the Widget Name, clicking on it will take you inside the Widget and change its attributes (See next question)
The third column, Display Page indicates which page this widget will be shown. Current options are Home Page and the Product Page
The Is Active column indicates if the widget is enabled/disabled
The Trash icon allows you to permanently delete a widget

==How do I configure a Widget? What are the settings?==
When you select a particular widget in the "Widgets List page" you will be taken to the "Widget Page". Here -
The widget page is divided into two tabs, Widget and Widget Products
The Widget tab is where you configure all the attributes of the widget including which page it is displayed on, what links should be shown under the widget, name of the widget, etc
The widget Products page allows you to add products to be shown in the widget. You can add products by typing in the name/sku of the product and also control the order in which it is displayed in the widget

@@ Line 1: / Line 1: @@
-== HTML WIDGETS ==
+[[Image:WidgetSlider.png|middle]]
-The  HTML Widget allows you to add and edit your own HTML code into your Shop. This will allow you to extend your shop by adding many thirdparty plugins and custom content.
+This is very useful to display and highlight this product set to your store visitors. Think of it as a custom made "showcase" where you can a promote a product set.
-Widgets are small, self-sufficient content blocks that can be added to your shop to offer your visitors more value. Widgets are easy to install and use, making it a great way to improve a website without any programing skills. Designers can directly control the look and feel of the store using widgets as well.
+For eg:
-== How do I create a HTML Widget ==
-To create a HTML Widget, follow the below steps
+==What can I do in the "Widgets List" page?==
-. Logon to your Shopnix Store Manager
-. Goto *Products > Widgets*
+[[Image:WidgetListPage.png|middle]]
-. Click on *Add New Widget* button. This will open a page where you can create a new widget
-. In the editor that is provided, design your widget, you can add images, videos and other graphics using the editors toolbar
+The first column with arrows allows you to control the order in which the widgets are displayed
-. If you want to add code like Javascript of CSS that is typically required for external plugins, then you can switch to the edit mode using the CODE icon provided.
+The second column is the Widget Name, clicking on it will take you inside the Widget and change its attributes (See next question)
-. You can select which page you want the widget to appear by selecting the pages below
+The third column, Display Page indicates which page this widget will be shown. Current options are Home Page and the Product Page
-. Once you are done, just click SAVE to save your widget
+The Is Active column indicates if the widget is enabled/disabled

@@ Line 1: / Line 1: @@
-[[Image:WidgetSlider.png|middle]]
+== HTML WIDGETS ==
-This is very useful to display and highlight this product set to your store visitors. Think of it as a custom made "showcase" where you can a promote a product set.
+The  HTML Widget allows you to add and edit your own HTML code into your Shop. This will allow you to extend your shop by adding many thirdparty plugins and custom content.
-For eg:
+Widgets are small, self-sufficient content blocks that can be added to your shop to offer your visitors more value. Widgets are easy to install and use, making it a great way to improve a website without any programing skills. Designers can directly control the look and feel of the store using widgets as well.
+== How do I create a HTML Widget ==
-==What can I do in the "Widgets List" page?==
+To create a HTML Widget, follow the below steps
+. Logon to your Shopnix Store Manager
-[[Image:WidgetListPage.png|middle]]
+. Goto *Products > Widgets*
+. Click on *Add New Widget* button. This will open a page where you can create a new widget
-The first column with arrows allows you to control the order in which the widgets are displayed
+. In the editor that is provided, design your widget, you can add images, videos and other graphics using the editors toolbar
-The second column is the Widget Name, clicking on it will take you inside the Widget and change its attributes (See next question)
+. If you want to add code like Javascript of CSS that is typically required for external plugins, then you can switch to the edit mode using the CODE icon provided.
-The third column, Display Page indicates which page this widget will be shown. Current options are Home Page and the Product Page
+. You can select which page you want the widget to appear by selecting the pages below
-The Is Active column indicates if the widget is enabled/disabled
+. Once you are done, just click SAVE to save your widget

@@ Line 3: / Line 3: @@
 [[Image:WidgetSlider.png|middle]]
+[[File:Example.jpg]]
 This is very useful to display and highlight this product set to your store visitors. Think of it as a custom made "showcase" where you can a promote a product set.
@@ Line 10: / Line 10: @@
 You might want to showcase products with large discounts in a widget OR
 You might want to highlight a special category of products for a particular period to drive their sales.
 ==Where can I access the Widgets feature in the Store Manager?==