Hey everyone,
I have been searching and have found no way to get views slideshow to display the way that would look best for my site. I feel like this is a big favor to post if anyone tries to mess with it or maybe/hopefully I am missing something obvious that one of you already is aware of? :)
I have several series of artwork that need to have a page to display the images in a specific order. I have it set up right now with the "singleframe" settings and there is a pager at the top which displays thumbnails of the image. The images are currently being displayed via the body of a node (along with the media, dimensions, etc under the image).
What I really would like to have is the pager sit in the sidebar-left area and have the slideshow in the content area. It seems like I should be able to do this by having the pager be in a block view and the slideshow in a page view. When I try to do this, all I come up with is having two pagers and two slideshows, one in the sidebar and one in the content area. I am now messing around hacking the views slideshow module even though I know it is not a best practice... Perhaps someone can simply suggest a better place to mess around? I know very little php, so it's feeling a bit over my head.
I would very much appreciate it if anyone can help me through this, but I understand if it is not something you want to look into. Thank you!
Jules
Comments
I'm trying to picture all of
I'm trying to picture all of this in my head. Can't you send a link to the page? I don't believe this is the way slideshow is designed to work (I guess you know that) but perhaps by hiding some classes using CSS (display: hide) you can jimmy it to work as you want?
Perhaps there's some other completely different way to go other than slideshow?
Link and Simpler Description
Here is one of the pages: http://dellashenke.com/?q=withoutwitness
Maybe the two don't have to be in different "blocks" on the page. I would just like to make the pager to display on the left of the page and the image/slideshow display to the right of the pager.
Can I make the following file print the pager, then the slideshow side by side instead of having them above and below? views-slideshow-singleframe.tpl.php file:
<?phpif ($controls_top || $pager_top || $image_count_top):
?>
<?phpprint $controls_top;
?>
<?phpprint $pager_top;
?>
<?phpprint $image_count_top;
?>
<?phpendif;
?>
<?phpprint $slideshow;
?>
<?phpif ($controls_bottom || $pager_bottom || $image_count_bottom):
?>
<?phpprint $controls_bottom;
?>
<?phpprint $pager_bottom;
?>
<?phpprint $image_count_bottom;
?>
<?phpendif;
?>
CSS solution
My guess is that the easiest approach is likely pure CSS. You can set "position:relative" on the
<
div> that surrounds both the gallery and the pager. Then, set "position:absolute" and "left" and "top" values to the pager to place it where you want. You will likely then have to apply margin or padding to the gallery to move it out of the way of the pager.
This can probably give you the effect you want without any crazy PHP stuff.
I will try that
Thank you Royerd! I will try that tonight when I have a chance to spend some time on it. I'll post how it goes! -Jules
Yeah, CSS can do this...
If I correctly understand what you're trying to do, JonBob's CSS approach would do the trick. There's a video podcast episode from Mustardseed Media that runs through something very similar step by step:
http://mustardseedmedia.com/podcast/episode42
ahh, that's why I asked
Ahh, that's why I asked! I thought there might be something others have done that would be sort of obvious. Thanks again! I will try these out tonight! -Jules
Update, Not there yet, still trying things out
Hey everyone, thanks again for posting the suggestions and the screencast. It sounded simple, but it's not happening exactly right yet. This could be because I may not be putting in enough css or in the right spot?
I am sorry that I had thought I turned the site online again, but I had not. It is online now: http://dellashenke.com/?q=withoutwitness
I changed the way I was showing images, but I haven't finished getting them all there yet, so you'll see image errors with most of these, but there are 4 that are an "image" field rather than the remaining simply being links to images in the "body" of the node.
My time to work on this is VERY limited each day, sometimes I only get 15 minutes, so it is slow going! Any suggestions are welcome! I will try to answer any questions if you have them, but I may not be able to get back on here until tonight after my daughter falls asleep. :)
Thank you again!