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

Question

Ksander88 @Ksander88

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

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

Вопрос задан более трёх лет назад
262 просмотра

2 комментария

Подписаться 2 2 комментария

Владимир Брумер @V_A_B

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

Плагин

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 @Ksander88 Автор вопроса

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

Написано более трёх лет назад

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

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>

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

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

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

Пычев Анатолий

Ksander88

Войдите на сайт