Print-o-matic not printing the image in the target div

  • Resolved toonbon

    (@toonbon)


    8 years, 3 months ago

    Print-o-matic is not printing the img#certificate_logo image in the target div. My code is:

    <div id="certificate">
	<?php echo do_shortcode("[print-me target='div#certificate']"); ?>
	<img id="certificate_logo" src="https://barcoderegistry.buyabarcode.com/wp-content/uploads/sites/2/2014/12/thebarcodereg-logo.png" />
	<div id="cert_head">
			<h4>Certificate of Authentication</h4>
  </div>
	<h5 class="certificate_assignment"><?php echo $business_name ?> is assigned barcode number </h5>
	<h6 class="certificate_number"><?php echo $barcode_number ?> </h6>
	<div class="certificate_date">Registered <?php echo $registration_date ?> </div>
</div>

    Does anyone see the problem?

    Thanks

    • This topic was modified 8 years, 3 months ago by toonbon.
    • This topic was modified 8 years, 3 months ago by toonbon.
Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Baden

    (@baden03)

    please share a link to your site.

    Thread Starter toonbon

    (@toonbon)

    You can see the page here: https://thebarcoderegistry.com/freedom-conscience-sovereignty-vs-paternalization/?mode=certificate

    Thanks

    Plugin Author Baden

    (@baden03)

    Try this:
    1. remove the div from the target like so:

    <?php echo do_shortcode("[print-me target='#certificate']"); ?>

    2. turn off ‘Close After Print’ so we can look at the source code of the print page.

    Thread Starter toonbon

    (@toonbon)

    Ok. How do I turn off “Close After Print.” It’s not something I set on purpose.

    Thread Starter toonbon

    (@toonbon)

    Is anyone still out there?

    Plugin Author Baden

    (@baden03)

    Dashboard > Settings > Print-O-Matic > Close After Print

    Thread Starter toonbon

    (@toonbon)

    Thanks. OK, the shortcode line is now

    <?php echo do_shortcode("[print-me target='#certificate']"); ?>

    and Close After Print is unchecked.

    Thanks for your help.

    Plugin Author Baden

    (@baden03)

    the problem is you are not providing enough pause before print time to load the image.
    simply change the default Pause Before Print time to 2000 (in the plugin settings page).

    I just had the same issue, I’d added some text and a logo in “Print Page Top HTML”, but the image wasn’t loading on Chrome.

    Setting the default Pause Before Print to 2000 has fixed the issue.

    Thanks.

    Plugin Author Baden

    (@baden03)

    Glad it all worked out.
    Issue marked as resolved.

    Thread Starter toonbon

    (@toonbon)

    Thanks. The 2000 delay got the image to print. There are still a couple of issues, though. First, the page (link given above) has all the styles embedded but the Print-O-Matic plugin doesn’t see them. I had to copy the CSS into the Custom Print Page Style box in the settings.

    Second, the font for the Certificate of Authentication line is the Google font “Pinyon Script.” I added it to my WordPress install with the Easy Google Fonts plugin. But the Print-O-Matic plugin doesn’t seem able to find it, though I included it in the Custom Print Page Style box:

    h4 { color: #dd9933; font-family: ‘Pinyon Script’; font-size: 40px; font-style: normal; font-weight: 400; }

    This is not a big deal for me because I can make the top image of the logo include this script line, but I though you might want to know the issue.

    Thanks for your help

    Thread Starter toonbon

    (@toonbon)

    Working more with this, there’s a much bigger issue. After putting all the styles into the Print-O-Matic settings, the certificate prints ok on my computer, but not on someone else’s. The certificate will be displayed by users of the system. They then need to be able to print the certificate on their computer, which will not have your plugin installed.

    Plugin Contributor twinpictures

    (@twinpictures)

    plugins are not installed users computers, they are bits of code that extend the functionality of WordPress, a Content Management System, that exists on a server.

    If someone is not able to print, it could be due to a number of reasons related to the browser or browser extensions that are installed locally.

    The fact is, we have tested your page on three standard browsers and it is working correctly.

    Regardless, this is a separate issue, so we have marked the issue addressed in this thread as resolved.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Print-o-matic not printing the image in the target div’ is closed to new replies.