MichaelKirk
Sep-29-2008, 12:08 PM
I am trying to update my products page on my website:
http://www.mlkimages.smugmug.com/gallery/2113733_9Qy39
with the new products and metallic prints SM is now offering.
http://www.smugmug.com/prints/catalog2.mg#Prints
I was able to update the products info based on the source code, but am having a difficult time updated the print sizes and info - can anyone help me out with the correct source coed I need to use. I'm not much on being able to figure out the actual code, but am more of a cut and paste web developer :) - that was how my entire site was pretty much created.
here is the code I am currently using for the top portion of my webpage, just not sure exactly what I need to use from the SM page source code since every attempt I make has not worked. Is there anyway to set up my page just like the SM page using tabs for each product = Prints/merchandise/Downloads/Help? This would look much better than my current page as well.
Thanks,
Michael
<div id="content">
<div class="box enclosedBox">
<div class="boxTop">
<img src="/img/spacer.gif" alt="Professional prints" width="233" height="27" border="0" hspace="0" vspace="0" style="margin-top: 3px; background: transparent url(/img/prints/catalog-head_Black.png);" />
<div class="boxNote note nav" style="margin-top: 10px;">
<strong>Need <a href="/help/digital-prints" class="title">help ordering</a>? <a href="/prints/shipping.mg" class="title"><strong>Shipping Charges</strong></a>.</strong></div>
<div class="spacer"></div>
</div>
<div class="boxBottom">
<div style="width: 300px; display: inline; float: left">
<img src="/img/spacer.gif" alt="Professional prints" width="137" height="142" border="0" hspace="0" vspace="0" class="right" style="background: transparent url(/img/prints/smallones2.png);" /><h4 class="title notopmargin nobottommargin">Common sizes:</h4>
<table border="0" width="145" cellpadding="2" cellspacing="2">
<tr>
<td valign="top">
<strong><p><a href="/prints/4x6-prints">
4x6</a></p>
<p><a href="/prints/8x10-prints">
8x10</a></p>
<p><a href="/prints/8x12-prints">
8x12</a></p>
<p>16x24</p>
<p>24x36</p></strong>
</td><td> </td>
<td valign="top">
<strong><p><a href="/prints/5x7-prints">
5x7</a></p>
<p><a href="/prints/11x14-prints">
11x14</a></p>
<p>12x18</p>
<p>20x30</p>
<p><strong><a href="/prints/4-wallet-prints">Wallets</a></strong> (4)</p></strong></td>
</tr>
</table>
<br /><br /><br />
<p> <a href="/prints/lustre-prints.mg" class="title"><strong>All of my photos are LUSTRE finish</strong></a>.</p>
<p><strong>All sizes in inches.</strong></p>
</div>
<div style="width: 408px; display: inline; float: left; margin-left: 20px;">
<img src="/img/prints/kim.jpg" alt="poster prints" width="175" height="175" hspace="0" vspace="0" border="0" class="imgBorder right">
<table width="190" cellpadding="0" cellspacing="4"><tr><td colspan="4"><h4 class="title notopmargin nobottommargin">
Other sizes:</h4></td></tr>
<tr>
<td valign="top">
<strong><p><a href="/prints/3x5-prints">
3.5x5</a></p>
<p>5x5</p>
<p>10x10</p>
<p>20x20</p>
</td><td></td>
<td valign="top">
<strong><p>4x5</p>
<p>8x8</p>
<p>10x15</p>
<p><a href="/prints/20x24-prints">
20x24</a></p>
</td>
<td></td>
<td valign="top">
<strong><p>4x8</p>
<p>8.5x11</p>
<p><a href="/prints/16x20-prints">
16x20</a></p>
<p>30x40</p></strong>
</strong>
</td>
</tr>
<tr></tr><tr></tr><tr></tr>
<tr>
<td colspan="5"><h4 class="title notopmargin nobottommargin">
<a href="/prints/4xd-prints" class="title">Compact camera sizes:</a></h4></td></tr>
<tr>
<td><strong><p><a href="/prints/4xd-prints">
4x5.3</a></p>
<p>9x12</p></strong></td><td></td>
<td><strong><p><a href="/prints/5xd-prints">5x6.7</a></p>
<p>18x24</p></strong></td><td>
</td>
<td valign="top"><strong><p><a href="/prints/8xd-prints">
8x10.6</a></p></strong></td></tr>
<tr></tr><tr></tr><tr><td colspan="5"><a href="/prints/digital-downloads" class="title">Digital Downloads</a></td></tr>
http://www.mlkimages.smugmug.com/gallery/2113733_9Qy39
with the new products and metallic prints SM is now offering.
http://www.smugmug.com/prints/catalog2.mg#Prints
I was able to update the products info based on the source code, but am having a difficult time updated the print sizes and info - can anyone help me out with the correct source coed I need to use. I'm not much on being able to figure out the actual code, but am more of a cut and paste web developer :) - that was how my entire site was pretty much created.
here is the code I am currently using for the top portion of my webpage, just not sure exactly what I need to use from the SM page source code since every attempt I make has not worked. Is there anyway to set up my page just like the SM page using tabs for each product = Prints/merchandise/Downloads/Help? This would look much better than my current page as well.
Thanks,
Michael
<div id="content">
<div class="box enclosedBox">
<div class="boxTop">
<img src="/img/spacer.gif" alt="Professional prints" width="233" height="27" border="0" hspace="0" vspace="0" style="margin-top: 3px; background: transparent url(/img/prints/catalog-head_Black.png);" />
<div class="boxNote note nav" style="margin-top: 10px;">
<strong>Need <a href="/help/digital-prints" class="title">help ordering</a>? <a href="/prints/shipping.mg" class="title"><strong>Shipping Charges</strong></a>.</strong></div>
<div class="spacer"></div>
</div>
<div class="boxBottom">
<div style="width: 300px; display: inline; float: left">
<img src="/img/spacer.gif" alt="Professional prints" width="137" height="142" border="0" hspace="0" vspace="0" class="right" style="background: transparent url(/img/prints/smallones2.png);" /><h4 class="title notopmargin nobottommargin">Common sizes:</h4>
<table border="0" width="145" cellpadding="2" cellspacing="2">
<tr>
<td valign="top">
<strong><p><a href="/prints/4x6-prints">
4x6</a></p>
<p><a href="/prints/8x10-prints">
8x10</a></p>
<p><a href="/prints/8x12-prints">
8x12</a></p>
<p>16x24</p>
<p>24x36</p></strong>
</td><td> </td>
<td valign="top">
<strong><p><a href="/prints/5x7-prints">
5x7</a></p>
<p><a href="/prints/11x14-prints">
11x14</a></p>
<p>12x18</p>
<p>20x30</p>
<p><strong><a href="/prints/4-wallet-prints">Wallets</a></strong> (4)</p></strong></td>
</tr>
</table>
<br /><br /><br />
<p> <a href="/prints/lustre-prints.mg" class="title"><strong>All of my photos are LUSTRE finish</strong></a>.</p>
<p><strong>All sizes in inches.</strong></p>
</div>
<div style="width: 408px; display: inline; float: left; margin-left: 20px;">
<img src="/img/prints/kim.jpg" alt="poster prints" width="175" height="175" hspace="0" vspace="0" border="0" class="imgBorder right">
<table width="190" cellpadding="0" cellspacing="4"><tr><td colspan="4"><h4 class="title notopmargin nobottommargin">
Other sizes:</h4></td></tr>
<tr>
<td valign="top">
<strong><p><a href="/prints/3x5-prints">
3.5x5</a></p>
<p>5x5</p>
<p>10x10</p>
<p>20x20</p>
</td><td></td>
<td valign="top">
<strong><p>4x5</p>
<p>8x8</p>
<p>10x15</p>
<p><a href="/prints/20x24-prints">
20x24</a></p>
</td>
<td></td>
<td valign="top">
<strong><p>4x8</p>
<p>8.5x11</p>
<p><a href="/prints/16x20-prints">
16x20</a></p>
<p>30x40</p></strong>
</strong>
</td>
</tr>
<tr></tr><tr></tr><tr></tr>
<tr>
<td colspan="5"><h4 class="title notopmargin nobottommargin">
<a href="/prints/4xd-prints" class="title">Compact camera sizes:</a></h4></td></tr>
<tr>
<td><strong><p><a href="/prints/4xd-prints">
4x5.3</a></p>
<p>9x12</p></strong></td><td></td>
<td><strong><p><a href="/prints/5xd-prints">5x6.7</a></p>
<p>18x24</p></strong></td><td>
</td>
<td valign="top"><strong><p><a href="/prints/8xd-prints">
8x10.6</a></p></strong></td></tr>
<tr></tr><tr></tr><tr><td colspan="5"><a href="/prints/digital-downloads" class="title">Digital Downloads</a></td></tr>