服务报价 | 域名主机 | 网络营销 | 软件工具| [加入收藏]
 热线电话: #
当前位置: 主页 > php教程 > magento教程 >

在magento产品详细页展示video

时间:2017-01-22 14:43来源:未知 作者:最模板 点击:
有些特殊的产品需要用video来演示。Magento商店里有不少拥有video功能的插件,但是有时这些插件因为改变了你网站的布局而不符合你的需求。读完这篇文章后你就可以在magento产品详细页

有些特殊的产品需要用video来演示。Magento商店里有不少拥有video功能的插件,但是有时这些插件因为改变了你网站的布局而不符合你的需求。读完这篇文章后你就可以在magento产品详细页的任意位置添加你需要的video。

好了,让我们开始吧。Youtube让分享变得很简单,你只需要将video的iframe代码拷贝、粘贴到产品描述里就行了。 是不是觉得太简单了呢?那么让我们来点有难度的吧。在magento后台创建一个名为"video"的text属性(Catalog->Attributes->Manage Attributes),再将这个属性放到一个合适的产品属性集里,刷新索引(System->Index Management)。接着打开产品详细页的phtml文件:app/design/frontend/default/你的主题名/template/catalog/product/view.phtml。下面的例子中,我把video放在产品名字的下面。找到产品名字的代码:

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

在下面添加这段代码:

<?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; ?>

最后,我们需要把video的UID填到产品中的"video"属性框里,也就是之前添加的新属性。例如http://www.youtube.com/watch?v=U0CGsw6h60k的UID就是U0CGsw6h60k。

还想来点更难的吗?想把video放在侧边栏?没问题。我们需要为video创建一个模块即.phtml文件。文件路径是:app/design/frontend/default/你的主题名/template/catalog/product/video.phtml。再把video放进去。代码是:

<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&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&version=3" type="application/x-shockwave-flash" width="193" height="130" allowscriptaccess="always" allowfullscreen="true"></embed></object>
    </div>
</div>
(责任编辑:最模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------