jenked

Apparently there was a weird
::after = $

Line. With some help from the community it was fixed with this CSS

a[href]:after {
	content: "" !important;
}

I haven’t made any changes to it. It looks fine on the webpage itself yes, but when you try to print it (either Cntl+P or click the print icon at the bottom of the page), that’s when it adds the code to it. Like print it on a piece of paper print.

Thanks,
Jake

Okay most of the issues have been resolved! Just posting the solutions for others.

1. HTML at top of Print Page
The title on top of page was user error, I was trying to put in shortcode into the settings box.
In Print Page Top HTML, in the settings box it should be just straight HTML.
<h1>CuttingEdge.com</h1>
I was trying to put shortcode it in because that’s what I thought the documentation was telling me to do.

Second Thing: Don’t spell out the URLs
One of the twinpictures teams put this in the Custom Print Page Style setting to fix that:

a[href^=http]:after {
	content: none !important;
}

3. Page Breaks
I also added this to the Custom Print Page Style setting:

img {
    page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-inside: avoid; /* or 'auto' */
}

To help reduce how often images are cut off by page pages – it mostly works. I will experiment more and probably do the same thing for the table.

4. Firefox Overlaps Image
Okay well… No solution for this one. Since less than 5% of my users use Firefox, and since I’m not a developer but just a marketer muddling my way through this, I’m going to just leave it. Maybe I’ll figure it out later and post back.

Okay, I sent an email. Thanks for the help!

Okay.
It didn’t work, I made a new page with it, it adds a weird bar above the header after you click it, then a few seconds later the print dialogue pops up and it tries to print the mobile version – shows the bars for a menu, but not showing the rest of the header – kind of weird.
https://paste.pics/7e91ee886444879dc3b86e2737333c3c

page: https://rna.nve.mybluehost.me/print-test/

I contacted Elementor support, and they basically said they don’t offer better printing as a feature, and they weren’t allowed to suggest or do anything with third party plugins.

I deactivated Elementor and all other plugins except Woocommerce and Print-o-matic. Still nothing. I changed themes to Twenty-TwentyOne – still nothing.

I suppose we need to check for user error, here’s a screenshot of my settings:
https://paste.pics/c001ce8d4d99fe8095779e57a337cadd
(Except on the blank page I have the target set to body instead of the IDs of print-this1 and 2.

Even on the other theme it was added that white bar above the header with the icon, which it didn’t do for the product page with Elementor, kind of weird.

I checked it on Firefox and Edge just to be sure it wasn’t Chrome or being logged into WordPress or something.

I’m at a bit of a loss. I was pretty sure deactivating all the plugins and changing themes would make it work. I have tried a couple other plugins and so far Print-o-matic has definitely worked the best for me. It’s so close to being really good.

• This reply was modified 2 years, 8 months ago by jenked.

oh boy. This might be over my head haha.

Here’s what the JS console says:
Screen shot: https://paste.pics/86f85ec1f635be965d495c2d0cbc0a95
Text:

common.min.js?ver=3.5.6:2Scroll util from “/dev/js/frontend/utils/scroll”is soft deprecated since 3.1.0 - UseelementorModules.utils.Scroll` instead
consoleWarn @ common.min.js?ver=3.5.6:2
DevTools failed to load source map: Could not load content for chrome-extension://eakacpaijcpapndcfffdgphdiccmpknp/scripts/content_page.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/js/content.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/js/companion-bubble.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/js/intercom-link-expand-loader.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
rna.nve.mybluehost.me/:1 Access to XMLHttpRequest at ‘https://app-directory.s3.amazonaws.com/hootlet/launched-app-directory-apps.json’ from origin ‘https://rna.nve.mybluehost.me’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
app-directory.s3.amazonaws.com/hootlet/launched-app-directory-apps.json:1 Failed to load resource: net::ERR_FAILED`

Okay, no effect using version 2.1.5a in either the shortcode or the Print Page Top HTML plugin settings.

I replaced it with 2.1.5b – no change either.

• This reply was modified 2 years, 8 months ago by jenked.

Okay trying it out from the Source code zip.

• This reply was modified 2 years, 8 months ago by jenked.

Yes I have tried it both in the plugin settings and as part of the shortcode.

Oh not trivial huh? I can never tell how easy it is with coding haha.

I’m importing products essentially through an importer plugin that reads CSV files (technically TSV – tab delimited), which places the values onto ACF fields for the products. Then Tablepress pulls up shortcodes from ACF to get the values.

That’s okay though, I thought this would be an easy solution. Maybe I can force the original data set from the TSV’s to automatically put N/A on the empty cells – easily done manually, perhaps harder automatically we’ll see.

Thanks for getting back to me!

Okay I tried that first code, no results. I added the .fa code to it, still no results.

I decided I would go into the plugin and change some settings around to see if I could get it to do anything. I had it set to Facebook official logo, and Envelope O. Neither was working.
I changed facebook to a “neutral” sign – works. I change it back to Facebook Official symbol, doesn’t work. I try the Battery Half Full symbol – works. I try several other symbols – they all work. So I tried one of the other Facebook options – doesn’t work. None of the 3 Facebook symbols worked.

I changed the email symbol to headphones – works fine. I changed it back to Envelope O – doesn’t work. I change it to just Envelope – works. Not sure why but I’ll take it.

Any idea why the Facebook symbols aren’t working?
https://rna.nve.mybluehost.me/wishlist/

Hmmm. That still didn’t work. I even tried on the Twenty-Twenty theme just in case. Any other ideas? If not maybe I’ll just hide the share buttons. They are too confusing as colored squares.

Thanks for the reply Luciano.

I have tried both options, but neither changed the Share buttons from colored squares. Can you think of anything else I can try?

Thanks so much,
Jake

Well I bought the Pro version. It’s not quite right but maybe I can get their support to get it close enough. Thanks for the help.

It might work if I buy the pro version… It strips out the image gallery, price, availability, Call to Order, SKU, and Specifications table. The Pro plugin version looks like I can add the image gallery, price, and SKU back, but no guarantees on the other things.