multipe targets per post

thanks baden,

i’m having a good look at this but the issue is that i’m trying to use several print-o-matic buttons within a single post, so presumably the post ID won’t be different for each row.

forgive me if i’ve just failed to understand something here – anything else you can tell me about how to do this please?

that’s very much appreciated, thanks.

the setup is as follows: within the post there is a custom repeater field which allows for the inclusion of one or more recipes in the post. within the repeater field is a field for the print-me shortcode.

the php call in the theme assigns the id #recipe to the content of that field but i guess what i actually need to do is find some way to assign a different id to each entry in the loop or somehow use an nth-child like rule so as to only target the instance of the repeater which contains the print button.

does that make sense? here’s the code:

<?php  if( have_rows('recipe') ): ?>
<?php while ( have_rows('recipe') ) : the_row(); ?>
	<div id="recipe">

		<h4><?php the_sub_field('title'); ?></h4>
		<?php if(get_sub_field('intro_text') != "") { ?>
			<div class="intro-text">
				<p><?php the_sub_field('intro_text'); ?></p>
			</div>
		<?php } else { ;?><?php } ;?>

		<?php  if( have_rows('info_tabs') ): ?>
		<div class="recipe-tabs">
			<?php while ( have_rows('info_tabs') ) : the_row(); ?>
				<?php if(get_sub_field('prep_time') != "") { ?>
					<div class="info-tab">
						<h6>Prep time</h6>
						<p><?php the_sub_field('prep_time'); ?></p>
					</div>
				<?php } else { ;?><?php } ;?>
				<?php if(get_sub_field('cook_time') != "") { ?>
					<div class="info-tab">
						<h6>Cook time</h6>
						<p><?php the_sub_field('cook_time'); ?></p>
					</div>
				<?php } else { ;?><?php } ;?>
				<?php if(get_sub_field('total_time') != "") { ?>
					<div class="info-tab">
						<h6>Total time</h6>
						<p><?php the_sub_field('total_time'); ?></p>
					</div>
				<?php } else { ;?><?php } ;?>
			<?php endwhile; ?>
		</div>
		<?php else : endif; ?> 

		<div class="ingredients">
			<h5>Ingredients</h5>
			<?php the_sub_field('ingredients'); ?>
		</div>
		<div class="instructions">
			<h5>Instructions</h5>
			<?php the_sub_field('instructions'); ?>
		</div>
		<?php if(get_sub_field('notes') != "") { ?>
			<div class="notes">
				<h5>Notes & Tips</h5>
				<?php the_sub_field('notes'); ?>
			</div>
		<?php } else { ;?><?php } ;?>

	</div>
	<div class="print">
		<?php the_sub_field('print_button'); ?>
	</div>
<?php endwhile; ?>
<?php else : endif; ?>

thank you so much.

thanks baden,

i’ve done what you suggest in the code and changed the shortcodes at this post: http://veggiemagnifique.com/magnifique-lebanese-platter/ – the print buttons are now rendering empty pages.

i haven’t understood where the separate IDs are generated though. these recipes are not separate posts but repeater fields within one post. the shortcode is being placed in a WYSIWYG editor within the repeater field itself, as per the code i sent above:

<div class="print">
		<?php the_sub_field('print_button'); ?>
	</div>

the sub field “print_button” is where code is placed by site users. adding

target="#recipe_%ID%"/

to what is there already gives me

[print-me target="#recipe_%ID%"/ title="| Printer-friendly version"]

but as you’ll see when you hit the print buttons at the above URL they’re not then giving us the recipes. do i need somehow to generate an ID for each row in the repeater?

(and yeah – i should have used classes!)

thanks again.