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 page showcases each product in a light box.

*Click on the "See Details" button to go to another page with product details. Click on the cart for a larger view.

This template does NOT contain a shopping cart.

 

see details

cart

$XX.xx

see details

blue cart

$XX.xx
see details

cart

$XX.xx
see details

cart

$XX.xx
see details

cart

$XX.xx










see details

cart

$XX.xx

see details

cart

$XX.xx


see details

cart

$XX.xx

see details

blue cart

$XX.xx

see details

cart

$XX.xx

view cart

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 three shopping carts on this page. Save your page.

8. See your new lightbox in action!

credit card   credit card   credit card   credit card

Home • Contact Us • About Us
 Your Name Here ©2010 - 2013 All rights reserved

Templates in Time