如何在magento产品详细页展示video

redmaomail 2024-07-24 18:12 阅读数 81 #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>



红帽云邮外贸主机

分享到:
版权声明:本站内容源自互联网,如有内容侵犯了你的权益,请联系删除相关内容。
    红帽云邮外贸主机
热门
    红帽云邮外贸主机
    红帽云邮外贸主机