[Plugin: Meteor Slides] meteor slider homepage responsive theme 1.7.2

@abba_mika Just to clarify, in the white box on the homepage where it says “Hello, World!”, you want to remove that image? And you want to replace the whole white box with the slideshow, and have the Hello World title and other text to the left as the slide caption on top of the slide image, is that right?

I ideally wanted to take it a step further and have the slider load new text, button and image with each fade…But I think that may be too complicated to create. So what you wrote is correct. Thanks for the help! Sorry to make this so complicated.

Yeah, the text and button would be the caption of the slide, each slide would have its own? What about the image though, you still want the image there to the right, or you want the background image behind the text and button to be the slide image?

Yes, all correct. No need for the additional image to the right…the slide show would be the image. Thanks again!

OK, that shouldn’t be too tough to do. You would need to set the slideshow dimensions in the settings to 960×462 so it matched that spot in the theme.

Then all the other content aside from the image would be the caption for the slide, you can add that using a custom slideshow template. If you use the same markup as the theme, the theme might style these elements how you want them automatically, but you might need to copy those styles and add new rules for the slideshow captions.

You can use the slide post title as the title in the caption, and the slide link as the link for the call to action. For adding the subtitle, description, and call to action text, I would add a custom metabox to the slide posts using Advanced Custom Fields.

Hi Josh, Thank you so much for your help. I have been able to substitute the original content for the slider. Link here: https://repenso.com/identity/ but I have been unable to figure out how to add the captions (content) ect. to the slider as you suggested. Could you provide a little more incite as to how I would go about this? I have added <p><?php the_title(); ?></p> to the script, but not sure where to add all of this (the captions content):

<?php $options = get_option('responsive_theme_options');
			// First let's check if headline was set
			    if ($options['home_headline']) {
                    echo '<h1 class="featured-title">';
				    echo $options['home_headline'];
				    echo '</h1>';
			// If not display dummy headline for preview purposes
			      } else {
			        echo '<h1 class="featured-title">';
				    echo __('Hello, World!','responsive');
				    echo '</h1>';
				  }
			?>

            <?php $options = get_option('responsive_theme_options');
			// First let's check if headline was set
			    if ($options['home_subheadline']) {
                    echo '<h2 class="featured-subtitle">';
				    echo $options['home_subheadline'];
				    echo '</h2>';
			// If not display dummy headline for preview purposes
			      } else {
			        echo '<h2 class="featured-subtitle">';
				    echo __('Your H2 subheadline here','responsive');
				    echo '</h2>';
				  }
			?>

            <?php $options = get_option('responsive_theme_options');
			// First let's check if content is in place
			    if (!empty($options['home_content_area'])) {
                    echo '<p>';
					echo do_shortcode($options['home_content_area']);
				    echo '</p>';
			// If not let's show dummy content for demo purposes
			      } else {
			        echo '<p>';
				    echo __('Your title, subtitle and this very content is editable from Theme Option. Call to Action button and its destination link as well. Image on your right can be an image or even YouTube video if you like.','responsive');
				    echo '</p>';
				  }
			?>

            <?php $options = get_option('responsive_theme_options'); ?>
		    <?php if ($options['cta_button'] == 0): ?>
            <div class="call-to-action">

            <?php $options = get_option('responsive_theme_options');
			// First let's check if headline was set
			    if (!empty($options['cta_url']) && $options['cta_text']) {
					echo '<a href="'.$options['cta_url'].'" class="red button">';
					echo $options['cta_text'];
				    echo '</a>';
			// If not display dummy headline for preview purposes
			      } else {
					echo '<a href="#nogo" class="red button">';
					echo __('Call to Action','responsive');
				    echo '</a>';
				  }
			?>  

            </div><!-- end of .call-to-action -->
            <?php endif; ?>

Thank you!

Great, you’re off to a good start! The thing with the title and other content for the slides is that you need to rebuild all that in the slideshow template. You have to manage that content from the slide posts, not from the theme options, so that each slide has it’s own content.

So all you really need from the old code that you took out of that section is the mark up structure so that you can style it like it was originally, but as a slideshow.

You wouldn’t want to use paragraph tags for the slide title, you want to set it up like the original so the markup that is generate matches. So the slide title would look something like this:

<h1 class="featured-title"><?php the_title(); ?></h1>

For the rest of the content, you’d have to add a new custom metabox to the slide posts to add that content. I like to use Advanced Custom Fields to do this. Here’s a tutorial on using Meteor Slides with Advanced Custom Fields.

hello, thank you for your help
can i get the captions to show up with the images in the meteor slideshow?
my website is: ArchanaInternational.com

??

Did you follow the example in the documentation on custom slideshow templates?

@ Josh,

sent you email. i seem cant find to put the SLIDERS on my website.

https://holidaycrafts.com.au/

i dont know where to copy and paste the CODE for sliders on my website.

please help,
Don

Hello Josh,

I’m so sorry to bother but I’m having trouble with finding the location to paste the code as well. I’m using the responsive theme but I haven’t been able to change the feature contents to the slideshow. Could you please help? Basically I only need to know where to paste the slideshow code.

Thank you very much

Vasco

@amolas08: As per the Forum Welcome, please post your own topic instead of posting in an 11 month old thread that references an older version of WordPress.