PDA

View Full Version : How to add Pricing page to my SmugMug


Shayebryd
Jan-10-2010, 12:49 PM
Hi...I am trying to add a page to my SmugMug to list my services and prices.....here (http://kissablephotos.smugmug.com/gallery/8145646_23SAA) is an example.......can someone please tell me how I can accomplish this on my site?

Also, could you tell me how to make the photograph displayed on the right larger (I had some tweeking done to my site and since then the displayed photograph is now smaller and the thumbnails to the left have increased in number) Please see here (http://www.shaejungkansphotography.com/PhotoShoots/Jason-and-Ashleys-Wedding/10395203_FCUz4#734515368_rJ5k9) for an example of the size I currently have on my site.

Thank you so much!!!

denisegoldberg
Jan-10-2010, 01:44 PM
...could you tell me how to make the photograph displayed on the right larger (I had some tweeking done to my site and since then the displayed photograph is now smaller and the thumbnails to the left have increased in number) Please see here (http://www.shaejungkansphotography.com/PhotoShoots/Jason-and-Ashleys-Wedding/10395203_FCUz4#734515368_rJ5k9) for an example of the size I currently have on my site.
SmugMug style chooses the largest size that fits in the browser window for the photo on the left, then chooses the thumb size accordingly. Sometimes it doesn't make the best decision, resulting in a smaller photo. You can adjust this size with a javascript parameter as shown in the thread >>> Change SmugMug default settings <<< (http://www.dgrin.com/showthread.php?t=66912). You'll nned to experiment with the number.

The info is in the last section of the first post. I'll include it here too:

MORE CONTROL FOR HOW STRETCHY PAGES STRETCH

You can override defaults by either giving it more or less height by adding the following:SM.SmugMug.config.alterScreenHeight = -100;
I have the value set to -200 on my site.

--- Denise

denisegoldberg
Jan-10-2010, 01:46 PM
...page to my SmugMug to list my services and prices.....here (http://kissablephotos.smugmug.com/gallery/8145646_23SAA) is an example
That page looks like it is a gallery locked into the style Journal (Old).

Each entry has a photo, and the text is entered in the photo caption.

--- Denise

Shayebryd
Jan-10-2010, 02:18 PM
That page looks like it is a gallery locked into the style Journal (Old).

Each entry has a photo, and the text is entered in the photo caption.

--- Denise

Thank you....boy I am really lost....I had a friend add some tabs to the front of my SmugMug site and now I am trying to finish them. Eg) the "Contact" tab, "Services" tab....but I cannot figure out how to access them to input the information I want.....I click on the tab and it says "gallery doesn't exsist". Do I need to make a gallery with those names...and if so then how will they connect with the tabs....
Sorry..........I'm quite challenged here....:)

And where do I add this code....................SM.SmugMug.config.alterScr eenHeight = -100;........in my CSS....any where or in a certain area?
Thank you! :)

denisegoldberg
Jan-10-2010, 02:35 PM
where do I add this code....................SM.SmugMug.config.alterScr eenHeight = -100;........in my CSS....any where or in a certain area?
Thank you! :)
That is Javascript, not CSS. Put it in the top javascript section in the Advanced Site-wide customization.

--- Denise

Shayebryd
Jan-10-2010, 02:40 PM
That is Javascript, not CSS. Put it in the top javascript section in the Advanced Site-wide customization.

--- Denise

Just like magic........thank you!!!! :)

denisegoldberg
Jan-10-2010, 02:43 PM
Thank you....boy I am really lost....I had a friend add some tabs to the front of my SmugMug site and now I am trying to finish them. Eg) the "Contact" tab, "Services" tab....but I cannot figure out how to access them to input the information I want.....I click on the tab and it says "gallery doesn't exsist". Do I need to make a gallery with those names...and if so then how will they connect with the tabs....
You need to make a gallery for each of those navbar entries. Then you will need to update the navbar entry to point at that gallery.

The gallery URL can be picked up from the Share... Get a link... screen.
See http://www.smugmug.com/help/picture-sharing-links.

An example... let's say you wanted to link to this gallery - http://www.shaejungkansphotography.com/YUMMY/Food/7148084_w6G6c#460844455_tLpaY (http://www.shaejungkansphotography.com/YUMMY/Food/7148084_w6G6c#460844455_tLpaY) - from your navbar. The navbar entry would look like this:


<a href="http://www.shaejungkansphotography.com/YUMMY/Food/7148084_w6G6c (http://www.shaejungkansphotography.com/YUMMY/Food/7148084_w6G6c)">YUMMY</a>
Or better, as an unqualified name, as

<a href="/YUMMY/Food/7148084_w6G6c">YUMMY</a>

I'm not sure why you've decided to use an HTML table for your navbar. I more often see unordered lists. You've also included formatting in your navbar entries; it is better to do the formatting via CSS and include your nav entries in a div.

--- Denise

Shayebryd
Jan-10-2010, 02:49 PM
Thank you Denise....actually I had a friend do it....I know absolutely nothing when it comes to this.

You have really helped me so much.....it's all a foreign language to me.

OK, so once I make the gallery, I know how to get the URL......then where do I put the URL exactly?
thanks.....................

Oh, and do I have to post a photo in the gallery I create for those links???? I really wanted to add text.........Or do I create a page in PS and upload to gallery with the info on that?

denisegoldberg
Jan-10-2010, 03:29 PM
OK, so once I make the gallery, I know how to get the URL......then where do I put the URL exactly?
thanks.....................

Oh, and do I have to post a photo in the gallery I create for those links???? I really wanted to add text.........Or do I create a page in PS and upload to gallery with the info on that?
Your nav entries should be in the Custom Header section of the Advanced Site-wide Customization. That's where you'll need to supply the correct URLs.

Do not create a page in Photoshop. That usually results in a sometimes (but not always) readable page, and you lose the ability for the end use to size the text via the browser.

You can create an HTML-only page that can look any way you're like. Allen has a couple of tutorials available. Take a look at http://allen-steve.smugmug.com/gallery/3819841, then click the navbar entries on that site for other examples.

HTML-only pages can contain just text or they can be text and photos where you use html statements to show the photos.

So you can see that there really are no limits, here are links to two HTML-only pages on my site:
http://www.denisegoldberg.com/Medley/Kaleidoscope/2659217_WLMog
http://www.denisegoldberg.com/Medley/Recent-galleries/9546269_eCQ9Q

Create a gallery, then start by adding your text to the gallery description. Post back here with questions if you need formatting help.

Oh, and if you want a larger data space on your site for entering gallery descriptions and photo captions, add this to your CSS:

/* change text input area for editing descriptions */
#editDescription textarea {
height: 400px !important;
width: 800px !important;
}
#editBio textarea {
height: 400px !important;
width: 560px !important;
}
.editCaption textarea {
height: 400px !important;
width: 560px !important;
}



--- Denise

Shayebryd
Jan-10-2010, 03:33 PM
Awesome Denise, thank you.................off to check out the links!!!!

travischance
Jan-12-2010, 08:36 PM
SmugMug style chooses the largest size that fits in the browser window for the photo on the left, then chooses the thumb size accordingly. Sometimes it doesn't make the best decision, resulting in a smaller photo. You can adjust this size with a javascript parameter as shown in the thread >>> Change SmugMug default settings <<< (http://www.dgrin.com/showthread.php?t=66912). You'll nned to experiment with the number.

The info is in the last section of the first post. I'll include it here too:

I have the value set to -200 on my site.

--- Denise

Denise:

Thank You for posting the link for overridng SM default settings! Very useful.....

jifes
Jan-17-2010, 07:52 AM
That page looks like it is a gallery locked into the style Journal (Old).

Each entry has a photo, and the text is entered in the photo caption.

--- Denise


Do you know how to make the letters in bold and use bullets using the format Journal (old)? I'm glad this thread was posted because this is exactly what I was looking for. Tx!