How can I print out this product's warranty information on walmart.com?
the webpage of a product at walmart.com has the warranty information,
first open this link http://www.walmart.com/ip/Coolermaster-X-Slim-NotePal-Cooler/20564382
then click "Policies",
then in "Product warranty" click "See details", where you will see "Warranty Information: 1 Year Warranty"
When I did the above in Firefox, I clicked in its menu "File -> Print...", and chose print to file. The created file is a pdf file where most parts of the webpage are absent, including the warranty information.
How can I print out this product's warranty information on walmart.com?
Thanks.
All Replies (14)
Unfortunately... the main part of the page uses the style rule:
display: flex
which Firefox does not paginate correctly. To override that, you can run a little script, but you would need to do it every time you want to print a page from the site. Hopefully this will get fixed permanently at some point.
To "hack" the page:
Open the Web Console in the lower part of the tab using either:
- Ctrl+Shift+k
- "3-bar" menu button > Developer > Web Console
- (menu bar) Tools menu > Web Developer > Web Console
At the bottom next to the caret (>>) paste the following long line of script and press Enter to run it:
document.querySelector('.page-wrapper.js-page-wrapper').style.display = "block";
Then you can close the console using the small X at the right end of the bar separating the console from the page content.
You won't notice any visible change, but if you call up print preview, you should see the whole page now.
Thanks.
Where is "At the bottom next to the caret (>>)"?
I don't find the caret at the bottom of the console.
Hmm, maybe that's not the correct name for that character at the left end of the line. Here's a screen shot of what I meant. Does yours look similar?
jscher2000 said
Hmm, maybe that's not the correct name for that character at the left end of the line. Here's a screen shot of what I meant. Does yours look similar?
Thanks.
That works, except one place.
in "Policies & Plans" -> "Warranty Plan",
right to "Product warranty: Year Year", "See details" isn't expanded, which hides "Warranty Information: 1 Year Warranty".
Is it also possible to expand it before printing?
Modified
Timmm said
Is it also possible to expand it before printing?
Hmm, yes. A script can send a "click" to that link for you:
document.querySelector('.product-warranty a').click();
It shouldn't matter what order you run those two commands.
I didn't check other pages to confirm that it worked on those; some product warranties might be more elaborate or completely missing...
jscher2000 said
document.querySelector('.product-warranty a').click();
Thanks.
I added the above statements to web console, but the return is "undefined"
Modified
"undefined" is not a problem. It just means that the script doesn't generate any text to be displayed in the console, it should still have modified the page. Of course, the true test is to call up print preview and see...
jscher2000 said
"undefined" is not a problem. It just means that the script doesn't generate any text to be displayed in the console, it should still have modified the page. Of course, the true test is to call up print preview and see...
Still the warranty year is not expanded
I'm not sure why it works for me and not for you. I am waiting until the page loads fully (x changes to reload arrow in the address bar) before opening the web console and running the script. ??
jscher2000 said
I'm not sure why it works for me and not for you. I am waiting until the page loads fully (x changes to reload arrow in the address bar) before opening the web console and running the script. ??
thanks. do you mean that I have to manually click "See details" to expand it?
No, I'm using the script, the script should work unless there is some difference between the page you are loading and the page I'm loading.
All that info may be cut and pasted
Walmart Product Care Plans A limited product warranty is included free for most items. With an optional Walmart Care Plan you can enhance the manufacturer's coverage from the date of purchase. Walmart Product Care Plans cover 100% of the cost for repair or replacement, including shipping charges for the exchange. We'll show you Care Plan options and pricing at checkout if applicable, or go to www.walmart.com/careplans for more information. Product warranty: Year Years See details Warranty Information: 1 Year Warranty Did you buy this in a Walmart store? Get a warranty for it here.
That page links to http://see.walmart.com/walmart/protection-plans/ The additional linked page does contain additional information. Annoyingly iy includes:
*Limitations and exclusions apply. See terms and conditions for full program details. Product Care Plan includes the cost of parts and labor. $0 deductible excludes Mobile Care Plan. Manufacturer's coverage may vary
However I was not able to find these terms and conditions.
So as far as I can see even if you succeed in printing the pages you still do not have the full information because the T&C are missing. Maybe you see those after !! you buy the plan.
Note that you can use a bookmarklet (e.g. on the Bookmarks Toolbar) and save the JavaScript code in the location field. Prefix the code with the javascript: label and add a void(0) at the end.
javascript:document.querySelector('.product-warranty a').click();document.querySelector('.page-wrapper.js-page-wrapper').style.display = "block";void(0);
Create a new bookmark and paste the JavaScript code in its location field or evaluate the JavaScript code via the command line of the Web Console ("3-bar" menu button or Tools -> Web Developer).
Keep in mind that "document.querySelector('.product-warranty a').click()" is a toggle and hides the warranty info when you invoke the JavaScript a second time or already have opened the warranty information.