By Lee Sykes
March 2008
In this tutorial we demonstrate how to use the DotNetNuke Store core module. We demonstrate how to set up a store module that sells mountain bikes and how to configure the module to sell those products via PayPal.
The store module consists of five individual modules.
The store menu module displays a list of categories for your products. The store mini cart module displays the products that you have added into your basket and provides the checkout facilities. The store catalogue module can be configured to display various product items; you can use templates to adjust the layout to suit your requirements. The store account module provides access to the main shopping cart along with the user’s account information such as previous purchases, and finally, the store admin module allows you to configure the store module settings, add products, view orders etc.
We cover each of these modules in detail. The videos contain:
Video 1 - Introduction to the store modules and initial configuration
- Introduction
- Store Menu, Store MiniCart, Store Catalog, Store Account, Store Admin
- How to install the store core module
- Adding the pages for the store module
- How to create the store, store account, store admin pages
- How to add the Store Admin module to the page
- How to configure the Store Admin, Store Info page
- Store Name, description, keywords, email, currency symbol, portal templates, store page, shopping cart page, authorize cancel
- How to select PayPal as the gateway provider
Time Length: 8min 10secs
Video 2 - PayPal gateway provider, tax and shipping, categories
- The PayPal sandbox
- Configuring the store module to use PayPal
- Tax Administration
- Shipping Administration
- Categories
- How to create product categories
- How to edit a category
- How to add sub categories
- Using the file manager to create a folder for the store module images
Time Length: 11min 33secs
Video 3 - Adding products, offers, initial configuration for displaying products
- How to add a product to the store module
- How to specify shipping details
- How to setup special offer pricing
- How to add an image to a product
- How to upload an image
- How to view a list of all products in the store admin
- How to view the products by category
- How to edit a product
- Store Catalog module
- Store Menu module
- Using the menu module to view categories of products in the store catalog module
- Store Mini Cart module
Time Length: 8min 17secs
Video 4 - Store account, reviews, test purchasing a product using PayPal sandbox
- Demonstration of display problems with Firefox browser
- Store Account module
- Viewing the store modules
- How to add a review to a product
- Demonstration of adding and removing products to the mini cart module
- Demonstrating checking out
- Shipping and Handling
- Tax
- Billing Address
- The Checkout process
- Using the PayPal sandbox for testing payments
Time Length: 8min 27secs
Video 5 - Managing orders, viewing emails, reviews, shipping setup
- Viewing the completion of the transaction with PayPal
- Demonstration of the store account module to view order history
- Store Admin Orders
- Viewing orders as an administrator
- How to search for customers orders by order number, customer name, order status
- How to view the full details of an order and edit the order status of an order
- Viewing the emails sent by the store module
- Viewing and searching the reviews awaiting approval from the administrator
- How to approve a product review
- Demonstrating the shipping setup for products
Time Length: 8min 32secs
Video 6 - Module styling, CSS, fixing errors
- How to configure the display of the products within the store
- How to fix the display problems in the Firefox browser
- How to edit the template.css file
- How to fix the CSS errors in the module using VWD express
- FontStyles.css
- How to check for CSS errors and fix
- StoreFront.css
- Template.css @import and W3C validation
Time Length: 7min 29secs
Video 7 - Configuring display of Store Catalog module
- How to configure the Store Catalog module
- Viewing the default configuration of Featured products, new products, popular products
- Catalog module General Settings
- Catalog Template
- Default Category
- Show Catalogue Message
- Show new products
- Show featured products
- Show popular products
- Show category products
- Show product detail
- New product settings
- Featured product settings
- Popular product settings
- Category Product settings
- Product details settings
- Container template
- List template
- Rows
- Columns
- Column width
- Repeat direction
- Show Thumbnail
- Thumbnail Width
- Detail Page
- Thumbnail images sizing
- List Templates
- Product Details Settings
- Detail Template
- Show Thumbnail
- Thumbnail width
- Show reviews
- Return to
- How to set the detail and return to pages
- How to create a second catalog store page and configure the display of the module
Time Length: 10min 58secs
Video 8 - Working with templates to change the layout and style of the store module
- How to edit the display templates for the store module
- How to identify which template to edit
- How to locate the store template htm files
- How to create a copy of the NewProduct template
- How to edit the tempate htm file in VWD express
- Use of tokens
- How to edit the layout of a template
- How to configure the catalog module to use the new list template
- How to set each portal to use unique templates for the store module
- Configuring PayPal before releasing the module to the public
Time Length: 8min 9secs
Total Time Length: 71min 35secs