Meteor Slides

Hi, it depends on the theme. What theme are you using? Can you post a link to the site you’re working on?

Hi,
https://www.raviswami.com/blog
…and then click on “Smaller_Files” or any thumbnail which will open a slideshow.

The previous theme was Photo Nexus, the current one, & the one I intend using, is Portfolium by WPShower.

The developer of Photo Nexus (Imaginem / ThemeForest), suggested it may be a simple to fix jquery issue, or a server issue / file sizes – the latter two have been addressed, leaving jquery as a possible reason.

R

I can’t see the code for the theme since it is commercial, so I couldn’t give any specifics about the theme, but have you tried adding a slideshow with Meteor Slides?

You might need to disable the old slideshow’s JavaScript, but they might work fine together, you’d have to set one up and test it to know for sure.

I don’t know how these slideshows are setup, are they added to the content of the page, or managed separately using a metabox or on another page?

Hi,

Both themes seem to include slideshow setup within the Header.php document, since you can edit slideshow parameters like transition duration etc from there – so I’m guessing this is the part you would edit ?

There are some JavaScript files (3) included with the themes which I’m also guessing are what would need to be edited, in the absence of a plugin like Meteor.

I’ll try and add a slideshow using Meteor but I suspect the theme might override it – worth a try though.

Cool, if you can add a Meteor slideshow I can test it out and try to figure out what the conflict is.

Hi,

I finally managed to get it to work – works a treat, and no stacking issues etc – since it’s over-riding the slideshow in the theme.

If you visit https://www.raviswami.com/blog and then click on the “Meteor_Test” thumbnail, it should open a portfolio page.

It took a few attempts at getting the syntax correct in terms of where to place the code supplied for your plugin, in the correct .php doc’, which I mistakenly thought would be the Header.php, but turned out to be a doc’ called “single_portfolio.php”.

Thanks for your help

Ravi

No problem Ravi, that’s good news!

Hi,

A question re assigning specific slides to a portfolio : currently a slideshow seems to be displaying images which don’t belong to the specified slideshow – see : https://www.raviswami.com/blog and click on the “Schweppes” thumbnail.

I have assigned slides to this slideshow by copy and pasting the URL of the “Portfolio” page for each slide & then checking the relevant slideshow box in the right-most field, but it seems to be displaying slides from another slideshow / Portfolio page – how do I fix this ?

R

That slideshow doesn’t have a certain slideshow specified. The shortcode or template tag should have the slug of the slideshow added to it, check out the documentation on multiple slideshows for more info.

Hi,

I had a look at the codes you’ve listed but not sure where they go (ie in the Header.php?) – I’m also assuming that one or other has to be edited to include the slideshow slug ?

The following code : <?php if ( function_exists( ‘meteor_slideshow’ ) ) { meteor_slideshow(); } ?> – currently resides within the Portfolio.php for this theme and this I how I got it to work.

R

Hi Josh,

Happy New Year !

Have a look at the following page :https://www.raviswami.com/blog/?portfolio=schweppes-storyboard

I managed to figure out how to insert the shortcode correctly into the html of the theme “Portfolio” page – and whilst this fixes the issue with loading ALL the slides instead of the (3 in this case) ones specified, it creates an additional instance of the slideshow on the page, but ignores the correct page formatting.

The one displayed in the correct position (seen “behind”), still displays all the slides.

I’m wondering if this has to do with where I have inserted the template code ?…right now it’s in the “Portfolio.php”, at a point in the syntax where it displays correctly as regards the page formatting.

Inserting shortcode seems to insert a slideshow, but ignores the formatting altogether.

Ravi

Hi,

Tried inserting the template code into the header.php – doesn’t work with this theme…

Inserting the template code within Portfolio.php seems to work as regards placement of the slideshow in the page, but it’s still ignoring the slug which is specified in the slideshow.

I think including shortcode in the portfolio post html just creates a new instance, but one which works with respect to the slug.

R

Here’s the (partial) code as it appears in the Portfolio.php – I’ve removed the shortcode in the post, for the time being…

<?php get_header(); ?>

<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<div class=”container clear”>
<div class=”content”>
<div id=”show”>
<?php
$args = array(
‘post_type’ => ‘attachment’,
‘orderby’ => ‘menu_order’,
‘order’ => ASC,
‘numberposts’ => -1,
‘post_status’ => null,
‘post_parent’ => $post->ID,
‘exclude’ => get_post_thumbnail_id()
);

$attachments = get_posts($args);
if ( $attachments ):
foreach ( $attachments as $attachment ):
echo wp_get_attachment_image($attachment->ID, ‘full’);
endforeach;
endif;
?>
<?php if ( function_exists( ‘meteor_slideshow’ ) ){meteor_slideshow();} ?>
</div>
</div>
<div class=”l_col”>
<div class=”post_portfolio”>
<h2><?php the_title(); ?></h2>
<p class=”post_divider”>—</p>
<div class=”post_text”><?php the_content(); ?></div>
</div>
</div>
</div>

Hi Ravi, using the shortcode in the page content is the easiest way to handle this since you can specify a different slideshow in the content of each page, but this won’t work for you because the are where you want the slideshow is separate from the page’s content.

What I would suggest doing is to continue using the template tag in your portfolio template file, but modify it to be dynamic so it loads a different slideshow depending on the page you are on, rather than always using the same slideshow.

You could use a custom field and add the slideshow slug that way so that you have control over what goes there. But to make this easier to organize and maintain, I’d suggest just creating portfolio posts and slideshows with matching titles and slugs. This way you can dynamically load a slideshow based on the portfolio post’s slug, and have an easier time figuring out which slideshows go with which posts in the backend.

Try updating your slideshows’ slugs to match the portfolio posts’ slugs and using this code in your portfolio template file:

<?php // Add a specific slideshow that matches the portfolio post's slug

$portfolio_slideshow_slug = basename(get_permalink());

if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow( $portfolio_slideshow_slug, "" ); } ?>

Hi Josh,

Thanks – I have just replaced the line :<?php if ( function_exists( ‘meteor_slideshow’ ) ){meteor_slideshow();} ?> – with the new code, and also re-named the title / slug for the slideshow to match, so the portfolio file is now called “schweppes-slideshow” along with its slug, and the slideshow title & slug are the same.

However, there is no slideshow displaying at all on the page now.

Any thoughts ? – not sure how to implement custom fields – I’m assuming its just a case of entering the shortcode in the blank field and calling it “slug” in the “add new” option and then updating?

R