1.866.PIXELMILL (1.866.749.3564 US/Canada)

Search Support

Search our knowledgebase? Enter keywords or article id:

> go to search support


Support Index


Help and Support


Search

Go back to search results

Enter keyword or id#:




Promotions


Quick Links

Printable Article

Creating a Catalog Layout

Article ID: KB101590

If your web site template didn't come with a "catalog page layout," you can create your own catalog page simply by using tables! This method is helpful if you have less than 50-100 products.

Please note that you will need some kind of third-party shopping cart system, such as PayPal, in order to have ecommerce on your web site.

  1. Go to Table / Insert / Table. A dialog box will pop up where you may set the properties of the table.

  2. Start with 2 rows and 3 or 4 columns. (The number of columns you choose will depend on the size of your product images.) Set the border to "0," cellspacing to "0," and cellpadding to "5." (Go to the Basic Tables tutorial to learn what these attributes mean.) Click OK.
  3. Your page will now have a table inserted:
  4. Click and drag across all the cells to select them. Right-click and choose Cell Properties. Set the Vertical Alignment to "top" and the Horizontal Alignment to "center." Change the width of the cell to be "25%" (or 33%, if you have three columns). The cursor will now appear in the middle of the cells.
  5. Now, insert your product picture. You may drag/drop or go to Insert > Picture > From File. Type a description, the price, and insert a link to view the product in detail or to add the product to a shopping cart. (See our PayPal buttons tutorial.)
  6. Continue for the other cells. You may add more rows by hitting "tab" when you get to the last cell.

It's really that simple! You may format the content within the cells further as needed.


Was this helpful?

Please rate this article:

Not helpful Very helpful
1 2 3 4 5 6 7

Email address: (not required)

(Please provide your email address if you would like PixelMill support to follow-up with you about your comment. You're email address is NOT REQUIRED to submit a comment.)

Comments: (How can we improve this article?)


Clicking "Submit" will not clear this page.


link to this page: http://www.pixelmill.com/support/al0/kb101590.htm
permalink to this article: http://www.pixelmill.com/support/kb101590.htm

Back to top

Items you recently viewed:


pm46519htdl1
$98.00

pm45887dwdl1
$94.00

pm45779fpdwtdl1
$87.00

pm46207fpdwtdl1
$98.00


PixelMill EDU

Introducing...

PixelMill EDUâ„¢ is an innovative and proprietary online training series designed to aid the do-it-yourself Web builder in transitioning to new Web editors, coding standards, and Web technologies.

Webinars and Seminars:

FrontPage to SharePoint Designer Series
This is a 6-Week series designed to give you strong exposure to the new SharePoint Designer web editor and interface, along with examples of working with Windows SharePoint Services and tips for transitioning from FrontPage.
Register Now!

Tables to Tableless CSS Series
This is a 6-Week series designed to help you transition from building Tables-based Web site layouts to working with CSS to edit and build Tableless Web site layouts. For all Web builders using Dreamweaver, Expression Web, or any other web editor.
Register Now!

FrontPage to Expression Web Series
This is a 6-Week series designed to give you strong exposure to the new Expression Web software and interface, along with tips for transitioning from FrontPage.
Register Now!

Learn more and register!

ADVERTISEMENT
adventisement