BlogHarbor Home Page
FAQFAQ  SearchSearch  MemberlistMemberlist  UsergroupsUsergroups  UsergroupsRSS   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
How to add Text to Slideshow link
 
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> Tips and Tricks
View previous topic :: View next topic  
Author Message
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Sat Aug 05, 2006 4:40 pm    Post subject: How to add Text to Slideshow link Reply with quote

We received the following question by email:

Quote:
When viewing a photo page, there is an unlabeled icon that looks like two overlapping photos that link to a slideshow of the photos. The problem is that the icon is unlabeled. Our less experienced web viewers don't realize that clicking on the photo icon starts a slideshow. Can I add a text label to the icon?


So I thought I would reply here in case anyone else wanted to make this change to their templates.

First, check if you are using the Grid or Group by Day layout type for your photo albums. Go to Post Manager > Category Settings and then click one of your Photo Albums on the category tree on the left side of the page. If you are using only the Grid layout type, then we're going to need to update the photoalbum template. If you're using the Group by Day layout type, then you will need to update the photoalbum-byday template. If you are using the Mini-JS layout type, unfortunately you will not be able to change the style of your photo album.

So to customize either the photoalbum or the photoalbum-byday templates, you would need to follow these steps:

  1. Login to your Blog Admin Control Panel through the Login page.
  2. Click on the Look and Feel tab, then the Templates subtab.
  3. You will see a list of the Templates you can customize. To customize the photoalbum template, click Edit in the row that begins with the word photoalbum.
  4. Now you'll be on a page listing the current photoalbum templates (there will probably be only one). Go all the way to the bottom of the page and click the Customize button.
  5. Click the Go button to Copy the Standard template to the staging area, and you will at long last come to the page where you can customize the photoalbum template.

Look at the Staging Template Content box, the lower box, and look for this code:

Code:
{{if slideshow_url}}
<div style="margin-bottom:12px;">
<a href="javascript:win=window.open('{{slideshow_url}}', 'ss_popup', 'fullscreen=yes,scrollbars=yes');win.window.focus();"><img src="/_images/slideshow.gif" alt="<%= gettext("View as slideshow") %>" title=<%= gettext("View as slideshow") %>" border="0"></a>
</div>
{{/if}}


replace that code with this:

Code:
{{if slideshow_url}}
<div style="margin-bottom:12px;">
<a href="javascript:win=window.open('{{slideshow_url}}', 'ss_popup', 'fullscreen=yes,scrollbars=yes');win.window.focus();"><img src="/_images/slideshow.gif" alt="<%= gettext("View as slideshow") %>" title=<%= gettext("View as slideshow") %>" border="0""><br><%= gettext("Slideshow") %></a>
</div>
{{/if}}


Then click the Save and Activate button at the bottom of the page. You're done. Click the View Blog button at the top of the control panel to view your blog, and navigate to your Photo Album. Now you'lll see a link to the word Slideshow beneath the Slideshow icon.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Search all BlogHarbor support resources.
View previous topic :: View next topic  
Display posts from previous:   
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> Tips and Tricks All times are GMT - 5 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum