Как добавить два баннера на домашнюю страницу Magento рядом с моим flexslider?

Question

У меня был слайдер camera.js на моем сайте, который я заменил для Flexslider. Я сделал это, потому что я не мог сделать clicker камеры.js, и я хотел избавиться от кнопки «Нажмите здесь». Теперь у меня есть flexslider, установленный на моем веб-сайте. Я хочу вернуть два баннера, которые на моем сайте рядом с моим слайдером camera.js, но я не получаю его работу ...

Это моя домашняя страница, поскольку вы можно увидеть баннеры не показывают на справа от ползунка, но они показывают в неправильном месте:

http://imgur.com/j8PVOuR

Я хочу иметь два баннера размером 381 х 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> 

Просто clearify:

• Я использовал код: тип сценария = "текст/JavaScript"> // и т.д.

потому что у меня была проблема с навигационной панелью, она больше не работала, когда я вводил новый слайдер.

• Я поместил слайдер в виджет только потому, что думал, что это будет проще.

Итак, мой вопрос в том, что мне нужно сделать в коде, чтобы иметь два маленьких баннера рядом с flexslider?

КПП. Когда я использовал скрипт для работы моей навигационной панели, вернулась макет цены по умолчанию magento, это было похоже на работу навигационной панели или получение правильной раскладки magento. Я выбираю навигационную панель LOL, кто-то знает об этом?

EDIT: CSS код FlexSlider

/* 
* 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.

Update после просмотра веб-странице

Проблема Ваш уль элемент не вложен в сНу строке. Осмотр вашей веб-страницы дает мне следующую структуру вложенности:

<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"> 

Таким образом, ваш виджет закрывается.контейнер и div. Шаблон, который вы вставляете, вероятно, должен иметь много тегов закрытия div в конце.

Answer 2

Aha! Это помогло мне! Теперь, как это должно быть! Большое спасибо!

Я избавился от виджета, и я вставил код в cms после 3 закрывающих div. Теперь он также реагирует :)

Единственное, что по-прежнему является проблемой, заключается в том, что из-за использования сценария для поддержания выпадающего меню заключается в том, что он меняет раскладку цены на пурпур по умолчанию ... как делают Я это исправить?