Jump to content
Sign in to follow this  
effigy

Scollable Feature Thumbs

Recommended Posts

effigy

Hi Guys, First of all... Loving the PlatformPro template, it is a pleasure to use. I am enjoying website development again. I was just wondering if it was possible to somehow add a scrolling function to the feature thumbnails? Basically the Carousel functionality but within the Feature Thumbnail area. The website is here http://www.blacklab.com.au/wp/grant-marshall-tvc/ Currently there are 6 thumbs but the client is asking for more and I don't want to go to 2 rows or make them smaller. Any ideas would be great. Cheers Paul

Share this post


Link to post
Share on other sites
Andrew

Hey Paul, Anything is possible, but that would be a monument of Javascript and some custom code would need to be written. You could write a custom section based on the 'core' version, if you know development...

Share this post


Link to post
Share on other sites
effigy

Hi Andrew, Just thought I might drop back in and let you know (and anyone else who is interested) on how I got around the scrolling feature thumbs issue. The URL is here... http://www.blacklab.com.au/wp/2011/03/wotif-television-commercial/'>http://www.blacklab.com.au/wp/2011/03/wotif-television-commercial/ (Still under development) http://www.blacklab.com.au (When it goes live) Basically the solution requires a combination of the Carousel, Fullwidth Sidebar and a plugin called Shortcoder PHP EXEC. I created a PHP script in Shortcoder PHP Exec to pull custom field information from the active post page, which I then inserted into some HTML at the bottom of the script (example below) I then added the shortcode to a text widget in the Fullwidth Sidebar Using the PlatformPro Template area I added and reordered the Carousel and Fullwidh Sidebar to a Single Post Page template (Could be any template I guess) I then created a new post and added the custom fields that I referenced in the PHP and a feature image to populate the Carousel. The beauty of the Carousel image links is that it links to the post which in turn shows the relevant Pseudo Feature slider with scrolling thumbs. (If you to turn it off in given post page just check the Fullwidth Sidebar and Carousel checkboxes in the Pageline Section Control area when editing the post) I borrowed heavily from the Feature Slider layout, but it did require a little CSS tweaking. I also used a plugin called ProPlayer to display the video which required a shortcode to be executed within the PHP, see the `do_shortcode` bit Here is the PHP code if anyone is interested... ` function get_custom_field_value_slideshow($cf, $bPrint = false) { global $wp_query; global $post_id; $post_id = $wp_query->post->ID; $szValue = get_post_meta($post_id, $cf, true); if ( $bPrint == false ) return $szValue; else echo $szValue; } if ( function_exists('get_custom_field_value_slideshow') ){ $director = get_custom_field_value_slideshow('director', false); $videoName = get_custom_field_value_slideshow('video_name', false); $videoTitle = get_custom_field_value_slideshow('video_title', false); $videoDesc = get_custom_field_value_slideshow('video_desc', false); $videoClient = get_custom_field_value_slideshow('video_client', false); return '

'.$videoTitle.'

'.$videoClient.'

'.$videoDesc.'
'.do_shortcode('[pro-player width="480" height="285" type="video" image="http://www.blacklab.com.au/web/video/'.$director.'/'.$videoName.'.jpg"]http://www.blacklab.com.au/web/video/'.$director.'/'.$videoName.'.mov[/pro-player]').'
'; } ` I hope that helps someone Cheers Paul

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×