Можно ли добавить кнопку печати страницы в товарах Woocomerce?

Question

[Ksander88]

Здравствуйте, возможно ли сделать кнопку в товарах "Печать страницы" в Woocomerce? Плагины которые нахожу, делают печать заказов в админке, а нам нужно именно возможность каждому посетителю делать это. Вот пример реализации на другом сайте: https://dari-konfeti.ru/mandarinka ( кнопка "Распечатать подарок")

Comments

[Владимир Брумер]

Возможно, но этот плагин требует подумать:

Плагин

javascript

function CallPrint(strid){
	var prtContent=document.getElementById(strid),
			prtCSS='<style type="text/css">#print{float:left;font-size:20px;font-family:Arial,Baskerville,monospace;}#print a{color:#000;}#print img,#print .alignleft,#print .alignright,#print .aligncenter{float:left;margin-right:.3em;display:block;clear:both;}#print p{text-align:left !important;text-indent:20px;}</style>',
			WinPrint=window.open('','','left=50,top=50,width=800,height=640,toolbar=0,scrollbars=1,status=0');
			WinPrint.document.write('<div id="print">');
			WinPrint.document.write(prtCSS);
			WinPrint.document.write(prtContent.innerHTML);
			WinPrint.document.write('</div>');
			/*WinPrint.document.close();
			WinPrint.focus();*/
			WinPrint.print();
			WinPrint.close();
}

оборачиваем нужный для распечатки контент в <div id="Print">. Например:

<div id="Print">
	<?php the_content();?>
</div><!-- <div id="Print"> -->

ну и кнопку пихаем куда-нибудь:

<input onClick="javascript:CallPrint('Print');" type="button" value="<?php printf(__('Распечатать','VAB'));?>" title="<?php printf(__('Распечатать тему','VAB'));?>" />

стилизация в скрипте

[Ksander88]

Спасибо, попробуем, мы просто этот код ставили, страница открывается, но вся верстка лезет..

Answer 1

[tuxfighter]

В любом браузере есть функция распечатать страницу. Какой смысл велосипед городить??

Comments

[Владимир Брумер]

иногда этот велосипед даже требованием может быть (ГОСТ Р 52872-2012 Интернет-ресурсы. Требования доступности для инвалидов по зрению)
да и вообще есть такое понятие как информационная доступность и открытость сайта (но это для гос. учр.), в ином понимании - комфорт, удобство, конкуренция (да и не каждый об этом

В любом браузере есть функция распечатать страницу

знает)...
з.ы. у меня дядька есть - он все может, но попроси его в гугл зайти и увидишь....

[Ksander88]

Не все гладко выходит.

Answer 2

[Павел]

В примере, у вас по клику открывается новая страница, специально сверстанная под печать, и вызывается window.print() на js для открытия диалога печати из браузера. Что конкретно у вас не получается сделать?
1. Вы можете вставить кнопку в карточку товара, по клику на которую будет посылаться на печать текущая страница. И с помощью css и @media print {} можете застайлить страницу специально для печати. Кнопку можно вставить переопределив шаблоны вукомерса или добавив хук в свои функции.
2. Если вы хотите создавать отдельную страницу специально для печати, как в примере, то тут придется много кодить, и если у вас нет опыта, вряд ли вы сами справитесь.

Answer 3

[Ksander88]

Мы делали вот так:

<a class ="print-doc" href="javascript:(print());">  Распечатать подарок</a>

Но выглядит это криво все.

Comments

[Ksander88]

И вот как с другого компьютера, т.е изображения не цепляются все.