西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > php教程 > magento教程 >

在Magento产品页面上显示视频

时间:2016-02-18 01:09来源: 作者: 点击:
在这篇文章中,您将学习如何将视频添加到到底哪里它应根据设计或其他要求的 Magento 产品页面。 让我们将放置到 Magento 产品页面上的视频。与共享便捷,在 youtube 上的视频,只是将

 

在这篇文章中,您将学习如何将视频添加到到底哪里它应根据设计或其他要求的 Magento 产品页面。

让我们将放置到 Magento 产品页面上的视频。与共享便捷,在 youtube 上的视频,只是将 iframe 代码复制并粘贴到的产品说明。这是它。根据产品说明中的产品页面上将显示视频。

如果这似乎太容易,让它以不同的方式。我们将创建"视频"文本输入的属性。将它添加到适当的属性集和别忘了重新建立索引您的数据。现在你应该在以下文件中的视频显示的位置找到地方: app/设计/前端/yourpackage/yourtheme/template/catalog/product/view.phtml
在此示例中我们将把它放在产品名称下。

查找:

1
2
3
<div class="product-name">
     <h1><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></h1>
</div>

添加如下:

1
2
3
<?php if($_product->getVideo()): ?>
       <iframe width="560" height="315" src="http://www.youtube.com/embed/<?php echo $_product->getVideo() ?>" frameborder="0" allowfullscreen></iframe>
<?php endif; ?>
我们现在要做以显示视频是视频 UID (唯一标识符) 粘贴到视频属性字段。

 

例如,http://www.youtube.com/watch?v=U0CGsw6h60k的 UID 是U0CGsw6h60k

这就是它。

需要不同的东西吗?产品视频产品页侧边栏上吗?没关系。我们需要创建视频模板和使用产品"XML 布局更新"侧栏列中插入的视频。

创建: app/设计/前端/yourpackage/yourtheme/template/catalog/product/video.phtml

与:

1
2
3
4
5
6
<div class="block block-video">
    <div class="block-title">
        <strong><span><?php echo $this->__('Product Video') ?></span></strong><br>    </div><br>    <div class="block-content">
        <object width="193" height="130"><param name="movie" value="http://www.youtube.com/v/<?php echo $this->__($this->getLinkUrl()) ?>?hl=en_US&amp;version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/<?php echo $this->__($this->getLinkUrl()) ?>?hl=en_US&amp;version=3" type="application/x-shockwave-flash" width="193" height="130" allowscriptaccess="always" allowfullscreen="true"></embed></object>
    </div>
</div>
现在将下面的代码插入到产品 XML 布局更新下设计选项卡上编辑产品页:
1
2
3
4
5
<reference name="right">
    <block type="core/template" name="video" before="-" template="catalog/product/video.phtml">
        <action method="setLinkUrl"><url>U0CGsw6h60k</url></action>
    </block>
</reference>
请注意我们使用的标准操作方法 setLinkUrl,就像标注块中。
这篇文章演示如何操作方法可以轻松地使用以达到我们的目的。

 

(责任编辑:好模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容