Question

我只是magento的新手。我想在主页上找到slider，所以我刚刚下载了滑块文件。然后我在slide-banner.phtml下创建了一个名为/app/design/frontend/themename/default/template/cms的文件。然后在那个文件中我的代码是这样的

<script  src="<?php echo $this->getSkinUrl('js/bannerRotator.js');?>"></script>
<script  src="<?php echo $this->getSkinUrl('js/jquery-1.4.4.min.js');?>"></script>
<script language="javascript">
  jQuery(document).ready(function(){
    bannerRotator('#bannerRotator', 500, 5000, true);
  });
</script>
<div id="bannerRotator">
  <?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('homepageslider')->toHtml(); ?>
</div>

之后我只是在cms下的管理仪表板上创建了一个静态块，并将其命名为homepageslider。在那个静态块我刚刚上传了图像，之后我的标记代码就像这样

<ul>
<li><a href="#"><img src="{{media url="wysiwyg/15a.jpg"}}" alt="" /></a></li>
<li><a href="#"><img src="{{media url="wysiwyg/11a.jpg"}}" alt="" /></a></li>
<li><a href="#"><img src="{{media url="wysiwyg/12a.jpg"}}" alt="" /></a></li>
</ul>

之后在admin cms>pages>home>content中我将文件称为 {{block type="core/template" name="b-name" template="cms/slide-banner.phtml"}} 现在，它可以很好地显示所有jQuery工作的横幅图像。现在我想在product page, checkout page, account page中使用相同的jQuery滑块。那么有人可以告诉我如何做到这一点。如何在每个页面中使用该滑块？任何帮助和建议都会很明显。

Answer 1

您可以从后端创建一个小部件，并在那里添加静态块并定义您希望它显示的页面。

OR

您可以直接转到相关的.phtml文件，然后在那里添加代码。

EG。添加到cart.phtml：

<script  src="<?php echo $this->getSkinUrl('js/bannerRotator.js');?>"></script>
<script  src="<?php echo $this->getSkinUrl('js/jquery-1.4.4.min.js');?>"></script>
<script language="javascript">
  jQuery(document).ready(function(){
    bannerRotator('#bannerRotator', 500, 5000, true);
  });
</script>
<div id="bannerRotator">
  <?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('homepageslider')->toHtml(); ?>
</div>

OR

您可以在relevant .xml个文件中添加静态块。

magento在每个页面中显示一个滑块

1 个答案: