当前位置：文江博客话题详情

magento 打印友好的产品页面

发布于 2024-11-04 13:00:04 字数 116 浏览 1 评论 0原文

在magento中，是否已经有一种方法可以实现友好的打印页面？

就在我编写自己的块来执行此操作之前，我不确定是否有可以编辑的默认/现有块......:)

干杯

Shane

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

○闲身 2024-11-11 13:00:04

实际上，我想我可以通过打印CSS来做到这一点......去尝试一下！

是的，使用了默认的 print.css - 但将其更改为我想要的样子，工作完成！

回复收藏 0 原文

半边脸i 2024-11-11 13:00:04

据我所知，虽然有 print.css，但还没有。

我可以想到几种方法来解决这个问题，但它们都不是内置的

1）制作您自己的站点特定的 print.css（好）
2）用JS制作自己的按钮来显示/隐藏元素（丑陋）
3）编写自己的Magento代码来生成可打印的页面（困难）
4) 获取一个扩展 - 有几个 PDF 生成器，还有一个名为 CleanPrint 的较新扩展，它不使用 PDF

回复收藏 0 原文

寻找一个思念的角度 2024-11-11 13:00:04

打印我的 magento 页面以链接/文本形式出现，没有图像。我确实去了 Skin>frontend>"theme">default>css>"print.css" 并发现如果我注释掉“@media print {”之后的所有内容一直到右括号“}”，它会打印一切都很完美。我将添加我现在使用的代码，而不使用下面注释掉的代码。

/* ======================================================================================= */

/* Boilerplate Print CSS  ========================START=========================== */

/*
* Media queries for responsive design
* These follow after primary styles so they will successfully override.
*/

@media all and (orientation:portrait) {
 /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
  Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */

/* Boilerplate Print CSS =========================END============================ */

希望这有帮助……

Printing my magento pages were coming out as links/text, no images. I did go to skin>frontend>"theme">default>css>"print.css" and found that if I commented out everything after "@media print {" all the way to the closing bracket "}", it printed everything perfectly. I'll add the code that I'm using now without the commented out code below.

/* ======================================================================================= */

/* Boilerplate Print CSS  ========================START=========================== */

/*
* Media queries for responsive design
* These follow after primary styles so they will successfully override.
*/

@media all and (orientation:portrait) {
 /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
  Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */

/* Boilerplate Print CSS =========================END============================ */

Hope this helps…

回复收藏 0 原文