15: From Rags to Riches: Selling Products on Your Site in Java

Making QR Code 2d barcode in Java 15: From Rags to Riches: Selling Products on Your Site

When you ve added the catalog data into your SiteBuilder Web site, you re ready to begin the process of displaying your products on a Web page in your site The easiest way to do this is by using the Store Products Wizard: 1 Click the New Page with Template button from the toolbar The Add New Page dialog box displays, as shown in Figure 15-15 2 Keep the default template setting in the Select a Category and Template pane In almost every case, you want to keep the same template as your Web site However, if for some reason you wish to choose another, then use the Categories list and Templates box to navigate to the desired template 3 Select the Store Products Wizard from the Select Page to Add dropdown menu

4 Click the Add Page button The Store Products Page dialog box displays with the General pane showing, as shown in Figure 15-16

5 Enter a page title along with the body text that you wish to have on the top of the page 6 Click Next The Product Layout pane displays (see Figure 15-17)

7 Choose a product layout from the scrolling list The product layout determines the format and presentation of each product listing in your catalog 8 Click Next The Page Layout pane displays, as shown in Figure 15-18 9 Select the number of columns and rows in the products grid

10 In the Advanced Settings section, adjust the amount of horizontal and vertical spacing between product listings 11 Click the Next button The Products pane displays; see Figure 15-19

12 For each entry in the Products grid, select the products you want to include from the cell s drop-down menu and place them in the desired order The cell s drop-down menu is populated with the product items from your store catalog 13 Click the Finish button SiteBuilder creates a new products page for you (see Figure 15-20) and displays the products from your catalog Each product is contained in a product module, a SiteBuilder page element that is used for housing your store data Each module contains store tags, which you can move around and tweak A store tag is a placeholder for a field from your product catalog, such as description, price, and image

14 Click the Save button The Save As dialog box displays 15 Save the file as productshtml or another filename

After you create your Store Products page and add product modules to the page, your final step is to add a Shopping Cart button to your page A Shopping Cart button enables visitors to view the products that they ve added to their Shopping Cart when they click the order button for a product The shopping cart displays in a page managed and created by Yahoo! and is not one that you specify as a page in your SiteBuilder Web site To adjust the look and feel of your e-commerce shopping cart, visit the Store Editor, which is available from the Store Manager (refer to Figure 15-5)

To add a shopping cart button to your page, perform the following steps: 1 Click the Insert Store Tags button from the toolbar The button displays a drop-down menu 2 Choose View Cart from the drop-down menu The View Cart Properties dialog box is shown (see Figure 15-21)

3 If you wish to change the default shopping cart button, click the Browse button and navigate to the desired button 4 Click OK in the View Cart Properties dialog box The shopping cart button is added to your products page 5 Reposition the button to the desired location for visitors