catalog of items available [Sitemap] - Digital Grin Photography Forum

cindieye

Jul-01-2008, 08:24 PM

http://smugmug.com/prints/catalog.mg

At the catalog there is a section on "durable photo gifts" There are thumbnails and descriptions of all the "special" things available to us as smug mug users and our clients.

Is there a way to have that entire section on my smugmug site? Of course I need to change the prices. I want a way to show the clients what they could use their image on.

Cindi with an eye

www.cindi-withaneye.com

Allen

Jul-01-2008, 08:29 PM

http://smugmug.com/prints/catalog.mg

At the catalog there is a section on "durable photo gifts" There are thumbnails and descriptions of all the "special" things available to us as smug mug users and our clients.

Is there a way to have that entire section on my smugmug site? Of course I need to change the prices. I want a way to show the clients what they could use their image on.

Cindi with an eye

www.cindi-withaneye.com (http://www.cindi-withaneye.com)
Welcome to Dgrin :wave

Would it be easier to just a link to it? catalog2.mg is the page without
prices. This will open it in a new browser so they don't lose your page.

See products available <a href="http://smugmug.com/prints/catalog2.mg" target="_blank">Click here</a>

cindieye

Jul-01-2008, 08:41 PM

Thanks for the code, its a great temporary fix. :D Is it super difficult to have that information on my own page so it looks more custom? Or easier for navigation?

If its too hard I'll pass since I have loftier goals for the site than this. I just think those products are such a great selling point especially for my target audience.

richW

Jul-02-2008, 12:18 AM

Place the following between <html> </html> in the gallery description of a journal style gallery.



<div id="content">
<div class="box enclosedBox">
<div class="boxTop">
<div class="boxNote note nav" style="margin-top: 10px; float: right">
</div>

<img src="http://cdn.smugmug.com/img/spacer.gif" alt="Professional prints" width="233" height="27" border="0" hspace="0" vspace="0" style="margin-top: 3px; background: transparent url(http://cdn.smugmug.com/img/prints/catalog-head_Black.png);" />

<div class="spacer"></div>
</div>
<div class="boxBottom">
<div style="width: 280px; display: inline; float: left">

<img src="http://cdn.smugmug.com/img/spacer.gif" alt="Professional prints" width="137" height="142" border="0" hspace="0" vspace="0" class="right" style="background: transparent url(http://cdn.smugmug.com/img/prints/smallones2.png);" /><h4 class="title notopmargin nobottommargin">Standard sizes:</h4>
<table border="0" width="130" cellpadding="2" cellspacing="0">
<tr>

<td width="62" valign="top">
4x6
5x7
8x10

8x12
11x14
12x18
16x24
20x30

24x36
Wallets (4)</td>
<td width="22" valign="top">
$0.00
$0.00
$0.00

$0.00
$0.00
$0.00
$0.00
$0.00
$0.00

$0.00</td></tr>
</table>
 
In
matte, gloss
& lustre.

All sizes in inches.

</div>
<div style="width: 428px; display: inline; float: left; margin-left: 20px;">

<img src="http://cdn.smugmug.com/img/prints/kim.jpg" alt="poster prints" width="175" height="175" hspace="0" vspace="0" border="0" class="imgBorder right">
<table border="0" width="225" cellpadding="2" cellspacing="1">
<tr><td colspan="4">Compact camera sizes:</td></tr>
<td>4x5.3
</td>
<td>$0.00</td>
<td>5x6.7</td>
<td>$0.00</td>
</tr>
<tr>

<td>8x10.6</td>
<td>$0.00</td>
<td>9x12</td>
<td>$0.00</td>
</tr>
<tr>

<td>18x24</td>
<td>$0.00</td>

</tr>
<td colspan="2">Other sizes:</td>

</tr>
<tr>
<td>3.5x5</a></td>
<td>$0.00</td>
<td>4x5</td>
<td>$0.00</td>

</tr>
<tr>
<td>4x8</td>
<td>$0.00</td>
<td>5x5</td>
<td>$0.00</td>
</tr>

<tr>
<td>8x8</td>
<td>$0.00</td>
<td>8.5x11</td>
<td>$0.00</td>
</tr>
<tr>

<td>10x10</td>
<td>$0.00</td>
<td>10x15</td>
<td>$0.00</td>
</tr>
<tr>
<td>10x20</td>

<td>$0.00</td>
<td>12x12</td>
<td>$0.00</td>
</tr>
<tr>
<td>16x20</td>

<td>$0.00</td>
<td>20x20</td>
<td>$0.00</td>

</tr>
<tr>
<td>20x24</td>

<td>$0.00</td>
<td>30x40</td>
<td>$0.00</td>
</tr>
</table>

</div>

</div>
<div class="spacer"></div> 
</div>
<div class="box enclosedBox">
<div class="boxTop">
<img src="http://cdn.smugmug.com/img/spacer.gif" alt="Durable photo gifts that are so... you!" width="457" height="27" border="0" hspace="0" vspace="0" style="background: transparent url(http://cdn.smugmug.com/img/prints/catalog-head2_Black.png); margin-top: 3px" />
<div class="spacer"></div></div><div class="boxBottom">

<table border="0" cellspacing="0" cellpadding="0" width="720" height="766" vspace="0" cols="10">

<tr height="120">

<td width="100">
<img src="http://cdn.smugmug.com/img/prints/Cards-greeting.jpg" alt="Photo greeting cars" width="100" height="100" hspace="0" vspace="10" border="0" class="imgBorder" />
</td>

<td width="200" valign="top">
Greeting Cards   $0.00 for 20

Unique designs and professional quality printing on three finishes. Sold in boxes of 20, 50, and 100. Envelopes included.
</td>
<td width="16">
<img src="http://cdn.smugmug.com/img/spacer.gif" width="16" height="1" border="0" hspace="0" vspace="0" />
</td>
<td width="100" >
<img src="http://cdn.smugmug.com/img/prints/giftofsmug.jpg" alt="Give The Gift of SmugMug" width="100" height="100" border="0" hspace="0" vspace="10" class="imgBorder" />

</td>

<td width="200" valign="top">
Give The Gift of SmugMug $0.00
Give 'em what they want! It's easy and you're sure to score points. We'll take care of the rest.
</td>
</tr>

<tr height="120">
<td width="100">
<img src="http://cdn.smugmug.com/img/prints/books.jpg" alt="Photo books" width="100" height="100" hspace="0" vspace="10" border="0" class="imgBorder" />
</td>

<td width="200" valign="top">
Photo Books   from $0.00

Bookstore-quality in hardcover and softcover
</td>
<td width="16">
<img src="http://cdn.smugmug.com/img/spacer.gif" width="16" height="1" border="0" hspace="0" vspace="0" />
</td>
<td width="100">
<img src="http://cdn.smugmug.com/img/prints/fotoflot-2.jpg" alt="fotoflot" width="100" height="100" hspace="0" vspace="10" border="0" class="imgBorder" />

</td>

<td width="200" valign="top">
fotoflōts
Gorgeous prints that float off the wall without frames.
</td>
</tr>
<tr height="120">

<td width="100">
<img src="http://cdn.smugmug.com/img/prints/canvas-prints-mounted-100.jpg" alt="Mounted Canvas Prints" width="100" height="100" hspace="0" vspace="10" border="0" class="imgBorder" />
</td>

<td width="200" valign="top">
Mounted Canvas  $0.00-$0.00
Heavy-duty canvas stretched and wrapped over a wood frame, then coated with a satin clear coat for UV and water resistance.

</td>
<td width="16">
<img src="http://cdn.smugmug.com/img/spacer.gif" width="16" height="1" border="0" hspace="0" vspace="0" />
</td>
<td width="100">
<img src="http://cdn.smugmug.com/img/prints/canvas-prints-rolled-100.jpg" alt="Rolled Canvas Prints" width="100" height="100" hspace="0" vspace="10" border="0" class="imgBorder" />
</td>

<td width="200" valign="top">
Rolled Canvas  $0.00-$0.00
High-quality canvas prints made more affordable by eliminating the wooden frame for mounting.
</td>
</tr>

<tr height="120">

<td width="100">
<img src="http://cdn.smugmug.com/img/prints/mug-thumb.jpg" alt="White Ceramic Photo Mug" width="100" height="100" border="0" hspace="0" vspace="10" class="imgBorder" />
</td>
<td width="200" valign="top">
Ceramic Photo Mugs   $0.00

11-ounce (15-ounce for $0.00). Available in black or white. Best with a rectangular photo of at least 768x640 pixels.
</td>
<td width="16">
<img src="http://cdn.smugmug.com/img/spacer.gif" width="16" height="1" border="0" hspace="0" vspace="0" />
</td>
<td width="100">
<img src="http://cdn.smugmug.com/img/prints/mousepad-thumb.jpg" alt="Photo Mouse Pad" width="100" height="100" border="0" hspace="0" vspace="10" class="imgBorder" />
</td>
<td width="200" valign="top">
Photo Mousepad   $0.00
Rectangular neoprene mousepad with cloth and your favorite photo on the top. Best with a photo of at least 1100x926 pixels.
</td>

</tr>

<tr height="120">
<td width="100">
<img src="http://cdn.smugmug.com/img/prints/button-thumb.jpg" alt="Photo buttons" width="100" height="100" border="0" hspace="0" vspace="10" class="imgBorder" />
</td>
<td width="200" valign="top">

Photo Buttons   $0.00
3-inch (4-inch for $0.00) high-quality pin-on buttons. (Some of your image is trimmed away.)
</td>
<td width="16">
<img src="http://cdn.smugmug.com/img/spacer.gif" width="16" height="1" border="0" hspace="0" vspace="0" />
</td>

<td width="100">
<img src="http://cdn.smugmug.com/img/prints/postcard-thumb.jpg" alt="" width="100" height="100" border="0" class="imgBorder" hspace="0" vspace="10" />
</td>

<td width="200" valign="top">
4x6 Postcards   $0.00
4x6 glossy print mounted on heavy postcard stock.

</td>
</tr>

<tr height="120">
<td width="100">
<img src="http://cdn.smugmug.com/img/prints/apron-thumb.jpg" alt="Photo Apron" width="100" height="100" border="0" hspace="0" vspace="10" class="imgBorder" />
</td>

<td width="200" valign="top">
Photo Apron   $0.00

Tough 100% polyester, large machine-washable apron. Photos come out best with at least 1100x1500 pixels.
</td>
<td width="16">
<img src="http://cdn.smugmug.com/img/spacer.gif" width="16" height="1" border="0" hspace="0" vspace="0" />
</td>
<td width="100">
<img src="http://cdn.smugmug.com/img/prints/coaster-thumb.jpg" alt="Photo coasters" width="100" height="100" border="0" hspace="0" vspace="10" class="imgBorder" />
</td>

<td width="200" valign="top">
Photo Coasters   $0.00
4 inches square with cork backs. Photos should have at least 768 pixels per side.
</td>
</tr>

<tr height="120">
<td wdith="100">
<img src="http://cdn.smugmug.com/img/prints/photo-luggage-tag.jpg" alt="photo luggage tags" width="100" height="100" hspace="0" vspace="10" border="0" class="imgBorder" />
</td>

<td width="200" valign="top">
Photo Luggage Tag   $0.00

2.75 x 4-inch durable laminated tag. Requires rectangular photo of at least 350x480 pixels.
</td>
<td width="16">
<img src="http://cdn.smugmug.com/img/spacer.gif" width="16" height="1" border="0" hspace="0" vspace="0" />
</td>
<td width="100">
<img src="http://cdn.smugmug.com/img/prints/puzzle-thumb.jpg" alt="Photo puzzles" width="100" height="100" border="0" hspace="0" vspace="10" class="imgBorder" />
</td>

<td width="200" valign="top">
Photo Puzzles   $0.00
Small 30-piece and large 252-piece ($0.00) puzzles. Best with photos with at least 1500x1100 pixels. 
</td>
</tr>

<tr height="120">
<td width="100">
<img src="http://cdn.smugmug.com/img/prints/key-tag-thumb.jpg" alt="Photo Key Tag" width="100" height="100" hspace="0" vspace="10" border="0" class="imgBorder" />
</td>

<td width="200" valign="top">
Photo Key Tag   $0.00

1.75" x 2.25" with rounded corners. A hole will be punched for the plastic loop.
</td>
<td width="16">
<img src="http://cdn.smugmug.com/img/spacer.gif" width="16" height="1" border="0" hspace="0" vspace="0" />
</td>
<td width="100">
<img src="http://cdn.smugmug.com/img/prints/magnet-100.jpg" alt="Photo Refrigerator Magnet" width="100" height="100" hspace="0" vspace="10" border="0" class="imgBorder" />
</td>

<td valign="top">
Refrigerator Magnets   $0.00
2.5 x 3.5 and 3.5 by 5 inches (large for $0.00). Flexible with strong magnetic backing.
</td>
</tr>
<tr height="120">

<td width="100">
<img src="http://cdn.smugmug.com/img/prints/tile-100.jpg" alt="Photo Ceramic Tile" width="100" height="100" hspace="0" vspace="10" border="0" class="imgBorder" />
</td>

<td width="200" valign="top">
Photo Ceramic Tile   $0.00

6" square, white ceramic. Best with square photos with at least 1024 pixels per side.
</td>
<td width="16">
<img src="http://cdn.smugmug.com/img/spacer.gif" width="16" height="1" border="0" hspace="0" vspace="0" />
</td>
<td width="100">
<img src="http://cdn.smugmug.com/img/prints/tote-bag-small.jpg" alt="Photo tote bag" width="100" height="100" hspace="0" vspace="10" border="0" class="imgBorder" />

</td>

<td width="100" valign="top">
Photo Tote Bag   $0.00
Sturdy canvas with pocket. Measures approximately 14 inches high and 14 inches wide.
</td>
</tr>

<tr height="120">
<td width="100">
<img src="http://cdn.smugmug.com/img/prints/tshirt-thumb.jpg" alt="Photo T-Shirt" width="100" height="100" border="0" hspace="0" vspace="10" class="imgBorder" />
</td>

<td width="200" valign="top">
Photo T-Shirt   $0.00

Soft T-shirt with 100% cotton against the skin, 100% polyester outside. Best with a rectangular photo of at least 1500x1100 pixels.
</td>
<td width="16">
<img src="http://cdn.smugmug.com/img/spacer.gif" width="16" height="1" border="0" hspace="0" vspace="0" />
</td>
<td width="100">
<img src="http://cdn.smugmug.com/img/prints/photo-sweatshirt.jpg" alt="Photo sweatshirt" width="100" height="100" hspace="0" vspace="10" border="0" class="imgBorder" />

</td>

<td width="100" valign="top">
Photo Sweatshirt   $0.00
White, lightweight poly-cotton blend. Crew neck with elastic wrist bands.
</td>
</tr>

<tr height="120">

<td width="100">
<img src="http://cdn.smugmug.com/img/prints/photo-tile-mosaic.jpg" alt="Ceramic tile photo mosaic" width="100" height="100" border="0" hspace="0" vspace="10" class="imgBorder" />
</td>

<td width="200" valign="top">
6 - 4" Ceramic Tile Photo Mosaic   $0.00

Decorate the most important room in your home with these six 4-inch tiles that make a mosaic. High quality ceramic tile. 
</td>
<td width="16">
<img src="http://cdn.smugmug.com/img/spacer.gif" width="16" height="1" border="0" hspace="0" vspace="0" />
</td>
<td width="100" >
<img src="http://cdn.smugmug.com/img/prints/photo-playing-cards.jpg" alt="Photo Playing Cards" width="100" height="100" border="0" hspace="0" vspace="10" class="imgBorder" />
</td>

<td width="200" valign="top">
Photo Playing Cards $0.00
52 pickup! Your photo on a high-quality poker deck. Jokers included. 
</td>

</tr>

</table>
<div class="spacer"></div>
</div>
</div>
</div>
<div class="spacer"></div>
</div>


Adjust prices and content as needed. Example here: http://www.smugmug.com/gallery/3840138_dkvsf

portlandpiratesfan

Oct-11-2008, 12:58 PM

I added the code that Rich W suggested, but it is really messing with my page. Is there something different I should be doing?

Thanks for any help!

brandofamily

Oct-11-2008, 07:45 PM

The problems seem to be with some of the div classes used in the code. They are defined somewhere in the theme CSS is my guess and they do not jive with your style....

I have the entire new catalog (including the tabs) set up on my site. The code is way long, but if some one can tell me how to set the file as a downloadable zip file I can post it here. Otherwise I can e-mail the code to you... here's mine
http://brandolinoimaging.com/gallery/6055140_dwSjx

portlandpiratesfan

Oct-11-2008, 10:03 PM

Anthony,

Your catalog is amazing. I'd love to use that code if you don't mind sharing. Well done!

brandofamily

Oct-12-2008, 04:45 AM

I'm sending it via e-mail to the address on your site...
You'll need to change some of the links either to your own pages or back to SM's pages. Just look in the code for the links directed to brandolinoimaging.com (if you open the code in wordpad you can use the find feature to look and find them all.)
I also changed some of the wording to make it better fit on a personal pro site instead of on SM's site...
Also, I think you need to use Smugmug style for the gallery since it's wider.
I had to add some goofiness to the code to make the blank spots in the table look right (the borders did not work correctly on my site when the table entry was blank) you'll see I added a "." and set the color of it to the background of the table to hide it... No one here responded with a way to fix it otherwise...

brandofamily

Oct-13-2008, 07:00 AM

I see you got the code entered. Looks like those black links and headings need to be adjusted :)
You also need to change the links on the help page... Unless you don't mind sending traffic to me:)