sergey85

Удалось найти решение самостоятельно!

1) в случае отображения товара "блоками" :

в main.css нашла строку:
#content .box .tabproduct .title, #content .box .tabproduct .title a { color:#4d4d4d; text-decoration:none; height:16px; width:auto; overflow:hidden; padding:0 5px; display:block; }

и заменила на:
#content .box .tabproduct .title, #content .box .tabproduct .title a { color:#4d4d4d; text-decoration:none; height:51px; width:auto; overflow:hidden; padding:0 5px; display:block; }

2) в случае отображения товара "строками" :

в main.css нашла строку:
#content .box .ulproduct .infoproduct .name a { color:#4d4d4d; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

и заменила на:
#content .box .ulproduct .infoproduct .name a { color:#4d4d4d; display:block; overflow:hidden; white-space:pre-wrap; text-overflow:ellipsis; }

Извиняюсь за возникшее недопонимание. Данная задача со слайдером является наиболее простой для любого даже начинающего верстальщика, да и инструкций полно, но некоторые мелочи очевидные ему не всегда могут быть очевидны не столь подготовленному пользователю. Попробую рассказать с максимумом деталей, на примере нашей системы, нашего редактора тем, нашего html редактора шаблонов о том как поставить слайдер на свой сайт Nivo Slider... Итак поехали:

• Скачиваем себе на компьютер следующий архив, я его специально подготовил, все до одного лишние файлы удалил:
      slider.zip   8,6К   1810 Количество загрузок:
  
• Распаковываем на своём компьютере.
  
• Заходим в панель управления магазином, через форму авторизации.
  
• Переходим в раздел "Сайт" > "Редактор тем".
  
• Скролим вниз до блока файлов, нажимаем кнопку добавить файлы, появится 5 полей для файлов.
  
  
• В каждое поле вставляем те файлы, что распаковались из архива, их как раз 5.
  
  
• Проверяем закачались ли эти файлы, выглядят они в редакторе тем как-то так:
  
  
• Открываем файл HTML, находим следующий код (у меня это 53 строка, используйте встроенный поиск браузера, Ctrl+f, чтобы не искать глазами.):
  

    <!-- Скрипты магазина -->
    <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
  

  
  После него вставляем вот такой код:
  

    <!-- Загрузка Jquery галереии Nyro -->
    <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyro_default.css" type="text/css" media="screen" />
    <script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
  

  
  Получается как-то так:
  

    <!-- Скрипты магазина -->
    <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
  
    <!-- Загрузка Jquery галереии Nyro -->
    <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyro_default.css" type="text/css" media="screen" />
    <script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
  

  
  В браузере выглядит так:
  
  
• Нажимаем кнопку "сохранить" сверху.
  
• Далее скролим вниз этого файла (html) находим (естественно встроенным поиском, Ctrl+f, глазами искать не всегда есть гуд.) вот такой не сложный код:
  

  {BODY}
  

  
  Перед ним! Вставляем вот такой код:
  

  			<!-- Вешаем слайдер на главной -->
  			{% IF index_page %}
  			  <!-- Обёртка, указывающая стиль темы -->
  			  <div class="theme-default" style="padding-top:1em;">
  				<!-- Непосредственный код слайдера -->
  				<div id="slider">
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/slider.png" alt="" />
  				  <a href="http://dev7studios.com"><img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/nemo.png" alt="" /></a>
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/toystory.png" alt="" title="Пример картинки с заголовком" />
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/walle.png" alt="" />
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/cars.png" alt="" />
  				</div>
  			  </div>
  			  
  			  <!-- Запуск слайдера -->
  			  <script type="text/javascript">
  				$(window).load(function() {
  					$('#slider').nivoSlider();
  				});
  			  </script>
  			{% ENDIF %}
  

  
  Получается вот так:
  

  			<!-- Вешаем слайдер на главной -->
  			{% IF index_page %}
  			  <!-- Обёртка, указывающая стиль темы -->
  			  <div class="theme-default" style="padding-top:1em;">
  				<!-- Непосредственный код слайдера -->
  				<div id="slider">
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/slider.png" alt="" />
  				  <a href="http://dev7studios.com"><img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/nemo.png" alt="" /></a>
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/toystory.png" alt="" title="Пример картинки с заголовком" />
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/walle.png" alt="" />
  				  <img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/cars.png" alt="" />
  				</div>
  			  </div>
  			  
  			  <!-- Запуск слайдера -->
  			  <script type="text/javascript">
  				$(window).load(function() {
  					$('#slider').nivoSlider();
  				});
  			  </script>
  			{% ENDIF %}
  
  			{BODY}
  

  
  
• Нажимаем кнопку "сохранить", выглядит это так:
  
  
• Заходим на главную страницу сайта, нажимаем F5 либо Ctrl+R
  
• Должен получиться вот такой результат:
  

Если слайдер не завёлся и не поехал, то видимо что-то сделали не так, напишите об этом постараюсь рассказать ещё детальней о том месте, где возникла ошибка.

Пример живого слайдера (демо)

За сопутствующие товары Спасибо,но есть пару моментов которые немного не удобны.
К примеру у меня на сайте есть раздел "Зажигалки" в нем находится к примеру 100 позиций товара,и есть раздел "Аксесуары"(в нем находятся кремни,фитили для зажигалок и т.д.)и если добавлять к этим 100 позициям зажигалок кремни,фитили то очень много времени занимает открывать эти 100 позиций товара и в каждую влаживать сопутствующие кремни,фитили.А если добавлю новые аксессуары (чехлы к примеру) на сайт,то придётся снова открывать 100 зажигалок и добавлять чехлы как сопутствующие.
Много времени занимает.
Можно ли сделать чтоб при добавлении нового товара(допустим чехол для зажигалки) была возможность отнести его как сопутствующий к целому каталогу (к примеру Зажигалки)!
И второе,не могли бы Вы сделать кнопочку "Выделить все" (при добавлении сопутствующих товаров),а то ставить галочки на 15 сопутствующих товаров к 100 зажигалкам раздрожает!

sergey85 (01 Апрель 2012 - 02:31) писал:

atanarthur (01 Апрель 2012 - 22:06) писал:

Чайник чайнику.
sergey85, если не владеете вопросом, то лучше промолчать.
Бэкграунд задан для этого элемента <div id="wrapper" class="b_page">, который и так 100% ширины.

atanarthur, вам было уже сказано как решить проблему, перерисуйте картинку бэкграунда.

Добрый день поскажите пожалуйста как добавить на все стрници сайта окно спросить у оператора, как изменить цвет надписи "каталог товаров",как изменить цвет шрифта в категориях "каталог товаров",возможно ли добавить окно курсы валют , погода,как установить анимацию на главной, спасибо за содержательный ответ.http://kk-market.ru/

Все ответы на эти вопросы есть на форуме,если не поленитесь и поищите,то всё найдёте.
По поводу блока курсы валют и блока погоды вставьте их кода в шаблон HTML.
По поводу анимации Вы не указали куда именно хотите её поставить!

Для этого зайдите в САЙТ,РЕДАКТОР ТЕМ выберите ТОВАР там будет <!-- Блок характеристик товара. Показываем его если указаны характеристики -->(как то так)и там есть строчка goods_features.index..."2"
и 2 замените на 1
Для поиска используйте комбинацию Ctrl+F

на данный момент эта картинка вставлена у Вас в шапку сайта. попробуйте изменить сл.строку:

<img src="http://sait.ru/web/upload/assets/images/31/30373/%D0%91%D0%B0%D0%BD%D0%BD%D0%B5%D1%80.gif">

на эту:

<img style="position:absolute;" src="http://sait.ru/web/upload/assets/images/31/30373/%D0%91%D0%B0%D0%BD%D0%BD%D0%B5%D1%80.gif">

Для переноса слайдера в указанное место вам необходимо разместить код в шаблоне "Страница" после блока

<!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
	</p>
  </div>
  <!-- end Строка пути -->

так же что бы слайдер отображался только на главной необходимо обвернуть код слайдера в следующий код

{%IF index_page%}код слайдера{%ENDIF%}

Вся документация по данному слайдеру находиться тут http://flowplayer.or.../slideshow.html
Интервал задается через опцию interval

Все стили задаются через файл стилей tabs-slideshow.css

подскажите как переместить карусель

 <!-- СЛАЙДЕР НА ГЛАВНОЙ -->
{%IF index_page %}
<!-- include the Tools -->
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
<!-- fix IE "black box" problems with PNG images when opacity is being animated --> <!--[if IE]> <mce:style type="text/css"><! .images img {background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px;   }	--> <!--[endif] --> <!-- "previous slide" button -->
</p><p><a class="backward">prev</a></p>
<!-- container for the slides -->
<div class="images"><!-- first slide -->
<div style="display: block;">



<h3>Новинка! Часы Diesel DZ1243</h3>
<img width="200" height="230"  src="http://images04.olx.ru/ui/9/88/26/1287313120_129688226_6----1287313120.jpg" style="float: left; margin: 0 30px 20px 0;">

<p style="font-weight: bold;">Стильные наручные итальянские часы Diesel. Элегантный корпус из нержавеющей стали, кожаный ремешок, минеральное стекло. Водонепроницаемость до 50м. Дополнительные циферблаты.</p>
<p> Диаметр корпуса: 55 мм</p>
<p> Страна производства: США</p>
<p><span style="font-size: medium;"><a target="_blank" href="http://bigfashionshop.ru/goods/Diesel-DZ1243?from=MjI2">Подробнее</a></span></p>
<p>&nbsp;</p>
</div>
<!-- 1 slide -->
<div>


<h3>Новинка! Часы Diesel DZ1404</h3>
<img width="230" height="230"  src="http://www.tik-tok.ru/img/watch/diesel/DZ1404.jpg" style="float: left; margin: 0 30px 20px 0;">

<p style="font-weight: bold;">Мужские часы с чёрным ионным покрытием. DZ1404 - мульти-циферблатный стильный хронограф</p>
<p> Механизм: Кварцевый+электронный</p>
<p> Страна производства: США</p>
<p><span style="font-size: medium;"><a target="_blank" href="http://bigfashionshop.ru/goods/Diesel-DZ1243?from=MjI2">Подробнее</a></span></p>
<p>&nbsp;</p>
</div>
<!-- 1 slide -->
<div>





<h3>Новинка! Часы Diesel DZ7153</h3>
<img width="230" height="230"  src="http://www.aktuelkadin.com/wp-content/uploads/2011/07/dz7153gallery1.jpg" style="float: left; margin: 0 30px 20px 0;">

<p style="font-weight: bold;">Коллекция Four. Часы-хронограф с секундомером. Минеральное стекло устойчивое к возникновению царапин. Ремешок из чёрной натуральной кожи с застежкой.</p>
<p> Механизм: Электронный хронограф</p>
<p> Размер корпуса: Ширина 45 мм, длина 38 мм</p>
<p><span style="font-size: medium;"><a target="_blank" href="http://bigfashionshop.ru/goods/Diesel-DZ7153?from=MjI2">Подробнее</a></span></p>
<p>&nbsp;</p>
</div>
<!-- 2 -->
<div>





</div>



</div>
<!-- "next slide" button -->
<p><a class="forward">next</a></p>
<p><!-- the tabs --></p>
<div class="slidetabs"><a href="#" class="current"></a> <a href="#"></a> <a href="#"></a></div>
	  
<p></p>
  <link href="http://yemki.ru/web/upload/assets/styles/23/22123/tabs-slideshow.css" type="text/css" rel="stylesheet">
  <!--[if IE]>
  <style type="text/css">
  .images img {
	background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px;
  }
  </style> 
 <![endif]--> 
<script language="JavaScript">
// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready
$(function() {
$(".slidetabs").tabs(".images > div", {
  // enable "cross-fading" effect
  effect: 'fade',
  fadeOutSpeed: "slow",
  // start from the beginning after the last tab
  rotate: true
// use the slideshow plugin. It accepts its own configuration
}).slideshow();
});
</script> 
{%ENDIF%}
<!-- СЛАЙДЕР НА ГЛАВНОЙ -->

Хм. попробуйте добавить в самый конец файла стилей (main.css) следующее

.contentTableHeadNavigation a, .contentTbodyCatalog a {
 font-size:16px !important;
}

Свойство "font-size:16px;" задает размер шрифта в 16px

Patrick (23 Январь 2012 - 15:17) писал:

Да нормальный здесь сервис.Немного терпения и получишь свой ответ.