如何在我的柔性滑块旁边的Magento主页添加两个横幅？

Question

我有一个camera.js滑块在我的网站，我取代了一个柔性滑块。我这样做是因为我不能让camera.js滑块点击，我想摆脱‘点击这里’按钮。现在我已经在我的网站上安装了柔性滑块，我想带回来两个横幅，在我的网站旁边我的camera.js滑块，但我没有让它工作.

这是我的主页，因为你可以看到横幅没有显示在滑块的右边，但它们显示在错误的地方：

http://imgur.com/j8PVOuR

我想在滑块右边有两个尺寸为381 x 219的横幅，一个在另一个上面。

守则如下：

<div class="container">
<div class="row">
<div class="span12">
<script type="text/javascript">// <![CDATA[
jQuery.noConflict();
{{widget type="cms/widget_block" template="cms/widget/static_block/default.phtml" block_id="25"}}
</script>
<ul class="banner-block-right">
<li><a href="{{store url='nieuwe-producten'}}"> <img src="{{skin url='images/media/banners-8.png'}}" alt="" /> </a></li>
<li><a href="{{store url='klantenservice'}}"> <img src="{{skin url='images/media/banners-7.png'}}" alt="" /> </a></li>
</ul>
</div>
</div>
</div>

只是为了清洁：

• 我使用了代码: script type="text/javascript">//等等

因为我的导航条出了问题，当我把新的滑块放进去时，它就不再起作用了。

• 我把滑块放在一个小部件中，仅仅是因为我认为这会更容易。

所以我的问题是，在代码中我需要做什么调整才能在柔性滑块旁边有两个小横幅呢？

顺便说一句。当我使用脚本使我的导航条正常工作时，默认的magento定价布局又回来了，就像让导航条正常工作或者让magento定价在正确的布局中运行一样。我选择导航栏lol，有人知道这个的修复方法吗？

编辑:柔性滑块的CSS代码

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {max-width: 700px; margin: -20; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img { 
  display: block;
  max-width: 100%; height: auto; margin: - auto;
}

Answer 1

这取决于你的CSS。

检查是否：

• 你的横幅“核”清除了浮标。
• 检查滑块和横幅块是否都有浮动规则.
• 检查滑块是否太宽。

如果它不工作，也许你可以张贴你的css的相关部分。

在查看网页后更新

问题是您的ul元素没有嵌套在div行中。检查您的网页给我提供了以下嵌套结构：

<div class="container">
    <div class="row">
        <div class="span12">
            <script type="text/javascript">
            <script         src="http://www.site.nl/js/magestore/bannerslider/jquery.flexslider.js">
            <link media="all" href="http://www.site.nl/skin/frontend/base/default/css/magestore/bannerslider/flexslider.css" type="text/css" rel="stylesheet">
            <script type="text/javascript">
            <div class="flexslider flexslider-7-1">
            <script type="text/javascript">
        </div>
    </div>
    <script type="text/javascript">
</div>
<ul class="banner-block-right">

因此，您的小部件将关闭.container和.row div。您要插入的模板在末尾可能有很多div结束标记。

Answer 2

啊哈！帮了我的忙！现在是它需要的样子！非常感谢!

我去掉了这个小部件，并在3个关闭的div之后将代码粘贴到cms中。现在，它也具有响应性:)

唯一的问题仍然是，因为使用脚本保持下拉工作是因为它将定价的布局改为默认的magento.我该怎么解决这个问题？