Multiple Photos widget action

Kentinada

The Multiple Photos widget has actions for going to the Lightbox or opening the gallery or none. I'd like it to open a specific page on my site. I sent an email to the smugmug help desk and they simply said that wasn't possible. Anyone here have any ideas on how to implement something like this?

denisegoldberg

What are you trying to show in the multiple photos widget? Would it be reasonable to use HTML - a combination of <a href= and <img src= statements for each photo you want to show instead of using a multi photos element?

Kentinada

@denisegoldberg said:
What are you trying to show in the multiple photos widget? Would it be reasonable to use HTML - a combination of <a href= and <img src= statements for each photo you want to show instead of using a multi photos element?

Denise, you can take a look at my homepage to see what I'm trying to do. It's the 2 sections for portraits towards the bottom of the homepage. I have a Family Portraits section and a Senior Portraits section. Each has a Multiple Photos widget with 4 photos selected. I'm just trying to get prospective clients enough to entice the to look further on the pages I have each of those portrait types. The widget displays the photos just as want but I don't want them to go to that sample gallery when they click. I want it to go to the appropriate portrait page.

For the Family Portraits, I tried using this HTML code for the section title which makes it clickable and goes to the right page.



p {
font-size:36px;
color: black;
font-style:normal;
text-align: left;
}

Family Portraits

But this has 2 flaws. 1) I haven't figured out how to get a hover effect on the text so they know it's clickable. And 2) it's really better if the pictures are clickable rather than the title. Sorry not all the code is showing. I don't know how to insert code in post reply.

denisegoldberg

Have you considered removing the clickability of the photos in the widget and just using a clickable section heading?

If you want the photos clickable to a page you can't use a multi-photo element - you will need to build it yourself using an HTML content element. You would place each photo in the html element using a combination of <a href= and <img src=.

For example:
<a href="url of page to click to"><img src="url of photo to display"/></a>

MarcQuinlivan

Why not just create a single image with all four images in it and have the single image action set to "Open URL"?

The image will still resize for different screen sizes.