Catalog

You can set up your catalog as shown or use another format. You can easily add more products if you'd like. This CATALOG SAMPLE is set up for products, but you can use any item you would like here!

This template does NOT contain a shopping cart. Click on the image to see the lightbox!

Product Name

$XX.xx

$XX.xx

$XX.xx

$XX.xx

$XX.xx

$XX.xx

$XX.xx

$XX.xx

How to add the Lightbox

This Lightbox is very easy to code!

1. Use the "split" view so you can see the code.

2. Click on the small object. Link it to the larger object. (You already should have made a large image and a small image)

3. You will see something like this in the code view: <a href="images/icons/purplelgshoppingcart.jpg">

4. Add this code right after the .jpg" AND right before the closing > rel="lightbox" title="Nice Choice!"

5. Your finished code will look like this: <a href="images/icons/purplelgshoppingcart.jpg" rel="lightbox" title="Nice Choice!">

6. You can change the words "Nice Choice" to anything you would like. Do not erase the quotation marks!

7. Practice on the last shopping cart on this page. Save your page.

8. See your new lightbox in action!