Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Карусель В Каталоге

Автор lis383, 29 нояб. 2012 13:53

Авторизуйтесь для ответа в теме

Сообщений в теме: 19

#1 lis383

Пользователь

Пользователи
31 сообщений

Отправлено 29 Ноябрь 2012 - 13:53

здравстауйте. никак не получается вставить карусель в каталог товаров ( jQuery карусель «clickCarousel»). мне нужно, чтобы там новинКи отображались.в скрипты магазина вставила данные, дальше куда?
Спасибо.

Наверх

#2 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 29 Ноябрь 2012 - 14:32

Интересно.
Вот тут писалось про карусель на сайт.
http://forum.storela...лож/#entry32986

Наверх

#3 lis383

Пользователь

Пользователи
31 сообщений

Отправлено 29 Ноябрь 2012 - 16:05

Это на главной странице, а чтобы на странице каталога товаров...

Наверх

#4 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 29 Ноябрь 2012 - 16:27

lis383 (29 Ноябрь 2012 - 16:05) писал:

Это на главной странице, а чтобы на странице каталога товаров...

На страницу товаров добавляется аналогично. Только основной текст с html кодом нужно ставить в файл Товары.

Наверх

#5 lis383

Пользователь

Пользователи
31 сообщений

Отправлено 29 Ноябрь 2012 - 20:14

Вставила все как написано, но не получилось сайт maniacasual.ru.еще в самом верху какие то цифры появились. ПОМОГИТЕ.....

Наверх

#6 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 30 Ноябрь 2012 - 04:07

Вам необходимо в шаблоне "HTML" раздела редактора тем найти

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script> 2 <script type="text/javascript" src="js/click-carousel.js"></script>
1 <script type="text/javascript"> 2 $(function(){ 3 $("#container").clickCarousel({margin: 10}); 4 }); 5 </script>

и заменить на

<script type="text/javascript" src="js/click-carousel.js"></script>
<script type="text/javascript">$(function(){ $("#container").clickCarousel({margin: 10}); });</script>

так же вам необходимо будет загрузить файл click-carousel.js и изменить путь к этому файлу в строке

<script type="text/javascript" src="js/click-carousel.js"></script>

Так же прочтите более внимательно и детально следующее сообщение о подключении карусели http://forum.storela...лож/#entry32986

Наверх

#7 lis383

Пользователь

Пользователи
31 сообщений

Отправлено 30 Ноябрь 2012 - 13:11

Если можно, пошагово. Я восстановила файлы, удалила все. Заново загрузила файлы скрипта, дальше что и куда, для карусели на странице каталога товаров. Простите за непонятливось.

Наверх

#8 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 30 Ноябрь 2012 - 14:02

lis383 (30 Ноябрь 2012 - 13:11) писал:

Если можно, пошагово. Я восстановила файлы, удалила все. Заново загрузила файлы скрипта, дальше что и куда, для карусели на странице каталога товаров. Простите за непонятливось.

Пошагово про добавление карусели написано в этой теме.
http://forum.storela...лож/#entry32986

Наверх

#9 lis383

Пользователь

Пользователи
31 сообщений

Отправлено 30 Ноябрь 2012 - 17:56

Код HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR...D/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
  <title>{PAGE_TITLE}</title>
  <meta name="keywords" content="{PAGE_META_KEYWORDS}" />
  <meta name="description" content="{PAGE_META_DESCRIPTION}" />
  <meta http-equiv="X-UA-Compatible" content="IE=7" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="Content-Language" content="ru" />
  <link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />
  <link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />

  
  {% IF PAGE_CANONICAL %}
    <link rel="canonical" href="{PAGE_CANONICAL}" />
  {% ENDIF %}

  
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}reset_01.css" type="text/css" />
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}nyroModal/nyroModal.full.css" type="text/css" />
  <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />

  
  {% IF TARIFF_FEATURE_GOODS_OPINION %}
    
    {% IFNOT SETTINGS_OPINION_DISABLE %}
      <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/jquery.ui.stars.min.css" type="text/css" />
    {% ENDIF %}
  {% ENDIF %}

  
  <link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />

  
  
  <script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js"></script>

  
  {% IF TARIFF_FEATURE_GOODS_OPINION %}
    
    {% IFNOT SETTINGS_OPINION_DISABLE %}
      <script type="text/javascript" src="{FORALL_JS_PATH}jquery.ui.stars.min.js"></script>
    {% ENDIF %}
  {% ENDIF %}

  
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

<script type="text/javascript" src="http://ajax.googleap...n.js"></script>
<link rel="stylesheet" type="text/css" href="index.css" />
<script type="text/javascript" src="click-carousel.js"></script>
<script type="text/javascript">
$(function(){
    $("#container").clickCarousel({margin: 10});
});
</script>
  
  <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>

</head>
<body>

  <div id="headerWrap">
<div id="header">
<a href="http://{NET_DOMAIN}/" title="Перейти на главную"><span id="logo"></span></a>


      <div id="contactInfo">
        <table>
          <tr>
            <td class="contactInfoContent">
              <table>
                
                {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
                  <tr>
                    <td class="contentTableHeadMainPhone">
                      <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
                      {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
                      {SETTINGS_STORE_PHONE_NUMBER1}
                    </td>
                  </tr>
                {% ENDIF %}

                
                {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
                  <tr>
                    <td class="contentTableHeadMainPhone">
                      <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
                      {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
                      {SETTINGS_STORE_PHONE_NUMBER2}
                    </td>
                  </tr>
                {% ENDIF %}

                
                {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
                  <tr>
                    <td class="contentTableHeadMainPhone">
                      <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
                      {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
                      {SETTINGS_STORE_PHONE_NUMBER3}
                    </td>
                  </tr>
                {% ENDIF %}

                
                {% IF SETTINGS_STORE_WORK_TIME %}
                  <tr>
                    <td class="contentTableHeadMainWorkTime">
                      {SETTINGS_STORE_WORK_TIME}
                    </td>
                  </tr>
                {% ENDIF %}

                
                {% IF SETTINGS_STORE_SKYPE %}
                  <tr>
                    <td class="contentTableHeadMainSkype">
                      <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
                    </td>
                  </tr>
                {% ENDIF %}

                
                {% IF SETTINGS_STORE_ICQ %}
                  <tr>
                    <td class="contentTableHeadMainIcq">
                      <img class="valignMiddle" src="http://wwp.icq.com/s...TS}&img=27" alt="Статус" width="16" height="16" />
                      <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
                    </td>
                  </tr>
                {% ENDIF %}
              </table>
            </td>
          </tr>
        </table>
      </div>
      

<h2 id="title">Ваш слоган здесь</h2>

<div id="mainNav">
<table>
  <tr>
    {% FOR menu %}
              {% FOR header %}
                {% FOR links %}
         <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
           <div>
             <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
           </div>
         </td>
       {% ENDFOR %}
              {% ENDFOR %}
            {% ENDFOR %}
  </tr>
</table>
</div>

<div id="searchPanel">
<form action="http://{NET_DOMAIN}/search" method="get">
   <p>
   <label for="keywords">Поиск</label>
   <input type="text" maxlength="100" id="keywords" name="q" value="{SEARCH_QUERY}" />
   <input type="image" value="Search" title="search" alt="search" src="{ASSETS_IMAGES_PATH}search_button.gif" id="submit" name="submit" />
     </p>
</form>
</div>



      <div id="cartInfo">
        <a href="{CART_URL}"><span class="orderIcon cart"></span></a>
        <span id="cartSum">
          {% IF cart_count_empty %}
            <span class="red">0</span> {CURRENCY_NAME}
          {% ELSE %}
            {% FOR cart_sum %}
              <span>{cart_sum.NOW | money_format}</span><br />
            {% ENDFOR %}
          {% ENDIF %}
        </span>
      </div>
      

</div>
</div>

<div id="contentWrap">
<div id="content">

  <table id="contentMainTb">
    <tr>
      <td id="leftMenuBlockWrap">
        <div id="leftMenuBlock">
       
       <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
              <ul id="subNavigation">
         {%IFNOT catalog_empty %}
                  {% FOR catalog %}
                    {% IFNOT catalog.HIDE %}
                      <li>
                        <a href="{catalog.URL}"
                          {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
                          {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
                        >{catalog.NAME}</a>
                      </li>
                    {% ENDIF %}
                  {% ENDFOR %}
                {% ENDIF %}
       </ul>
       

              
              {% IF TARIFF_FEATURE_GOODS_FILTERS %}

                
                {% IF SHOW_GOODS_FILTERS %}
                  <br /><h4 class="contentTbodyCatalogHeader noBorder">Фильтры по товарам</h4>

                  
                  <form action="" method="get">
                    <div class="contentTbodySearchFilterBlock cornerAll">
                      
                      {% FOR filter_attr_list %}
                        <em>{filter_attr_list.NAME}</em>
                        <div class="contentTbodySearchFilterBlockValues">
                        {% FOR values %}
                          <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
                          <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br />
                        {% ENDFOR %}
                        </div>
                      {% ENDFOR %}

                      
                      {% FOR filter_prop_list %}
                        <em>{filter_prop_list.NAME}</em>
                        <div class="contentTbodySearchFilterBlockValues">
                        {% FOR values %}
                          <input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} >
                          <label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</label><br />
                        {% ENDFOR %}
                        </div>
                      {% ENDFOR %}
                    </div>
                  </form>
                {% ENDIF %}
              {% ENDIF %}
       

       
              {% IF TARIFF_FEATURE_GOODS_COMPARE %}
                
                {% IFNOT SETTINGS_COMPARE_DISABLE %}
                  <br /><h4 class="contentTbodyCatalogHeader"><a href="{COMPARE_URL}">Сравнение товаров</a></h4>
                  <div class="contentTbodyCompare">
                    {%IF COMPARE_GOODS_COUNT=0 %}
                      <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em>
                    {% ELSE %}
                      <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br />
                      <a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a>
                    {% ENDIF %}
                  </div>
                {% ENDIF %}
              {% ENDIF %}
              

       
              {% IF TARIFF_FEATURE_NEWS %}
                
                {%IFNOT news_list_all_empty %}
                  <br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_ALL_URL}">Лента новостей</a></h4>
                  <div class="contentTbodyNews">

                    
                    <div class="contentTbodyNewsBlock">
                      {% FOR news_list_all %}
                        <div class="contentTbodyNewsBlockItem">
                          <a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br />

                          <div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div>
                          {% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
                        </div>
                      {% ENDFOR %}
                    </div>

                    <a href="{NEWS_ALL_URL}">Архив новостей</a>
                  </div>
                {% ENDIF %}

                
                {%IFNOT news_list_shop_empty %}
                  <br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_SHOP_URL}">Новости магазина</a></h4>
                  <div class="contentTbodyNews">

                    
                    <div class="contentTbodyNewsBlock">
                      {% FOR news_list_shop %}
                        <div class="contentTbodyNewsBlockItem">
                          <a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br />

                          <div class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div>
                          {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
                        </div>
                      {% ENDFOR %}
                    </div>

                    <a href="{NEWS_SHOP_URL}">Архив новостей</a>
                  </div>
                {% ENDIF %}

                
                {%IFNOT news_list_articles_empty %}
                  <br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_ARTICLES_URL}">Статьи</a></h4>
                  <div class="contentTbodyNews">

                    
                    <div class="contentTbodyNewsBlock">
                      {% FOR news_list_articles %}
                        <div class="contentTbodyNewsBlockItem">
                          <a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br />

                          <div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div>
                          {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
                        </div>
                      {% ENDFOR %}
                    </div>

                    <a href="{NEWS_ARTICLES_URL}">Архив статей</a>
                  </div>
                {% ENDIF %}

                
                {%IFNOT news_list_mass_media_empty %}
                  <br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a></h4>
                  <div class="contentTbodyNews">

                    
                    <div class="contentTbodyNewsBlock">
                      {% FOR news_list_mass_media %}
                        <div class="contentTbodyNewsBlockItem">
                          <a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br />

                          <div class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div>
                          {% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
                        </div>
                      {% ENDFOR %}
                    </div>

                    <a href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a>
                  </div>
                {% ENDIF %}
              {% ENDIF %}
       </div>
      </td>
      <td id="primaryContent">

       {BODY}

       
            {% IF index_page %}
              
              {% IFNOT index_page_new_goods_empty %}
                <h3><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h3>
                <table>
                  <tr>
                    {% FOR index_page_new_goods %}
                   <td class="goodsListItem">
                        <div class="goodsListItemBlock withBorder cornerAll">
                       <div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div>
                       <h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>
                       <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
                       {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
                            <br /><a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
                          {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
                            <br /><a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
                          {% ENDIF %}
                        </div>
                      </td>
                   {% IFNOT index_page_new_goods.last %}{index_page_new_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
                   {% ENDFOR index_page_new_goods %}
                  </tr>
                </table>
              {% ENDIF %}
              

              
              {% IFNOT index_page_favorites_goods_empty %}
                <h3><a href="{CATALOG_TOP_SALES_URL}" class="indexPage">Хиты продаж</a></h3>
                <table>
                  <tr>
                    {% FOR index_page_favorites_goods %}
                   <td class="goodsListItem">
                        <div class="goodsListItemBlock withBorder cornerAll">
                       <div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-small" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a></div>
                       <h3 class="goodsListItemName"><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></h3>
                       <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
                       {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
                            <br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
                          {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
                            <br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
                          {% ENDIF %}
                        </div>
                      </td>
                   {% IFNOT index_page_favorites_goods.last %}{index_page_favorites_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
                   {% ENDFOR index_page_favorites_goods %}
                  </tr>
                </table>
              {% ENDIF %}
              

              
              {% IFNOT index_page_goods_empty %}
                <h3>Интересные предложения</h3>
                <table>
                  <tr>
                    {% FOR index_page_goods %}
                   <td class="goodsListItem">
                        <div class="goodsListItemBlock withBorder cornerAll">
                       <div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>
                       <h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
                       <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
                       {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
                            <br /><a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
                          {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
                            <br /><a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
                          {% ENDIF %}
                        </div>
                      </td>
                   {% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
                   {% ENDFOR index_page_goods %}
                  </tr>
                </table>
              {% ENDIF %}
              
            {% ENDIF %}
            
      </td>
    </tr>
  </table>
и код страницы товаров
<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/...}/">Главная</a>


      {% IF IS_FULL_CATALOG %}
        > <strong>Каталог товаров</strong>
      
      {% ELSE %}
        > <a href="{CATALOG_URL}" >Каталог товаров</a>
        {% FOR upper_navigation %}
          {% IF upper_navigation.CURRENT %} > <strong>{upper_navigation.NAME}</strong>{% ELSEIF upper_navigation.CURRENT_PARENT %} > <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
        {% ENDFOR %}
      {% ENDIF %}
</p>

<h1>{CATEGORY_NAME}</h1>

<div id="wrapper">
    <div id="container">
        <img src="img1.jpg" alt="Cuba" />
        <img src="img2.jpg" alt="Cuba" />
        <img src="img3.jpg" alt="Cuba" />
        <img src="img4.jpg" alt="Cuba" />
        <img src="img5.jpg" alt="Cuba" />
    </div>
    <img id="carouselLeft" src="leftArr.jpg" alt="Left Arrow" />
    <img id="carouselRight" src="rightArr.jpg" alt="Right Arrow" />
</div>

<table>

  
  {% IFNOT goods_empty %}
    
    <tr>
      
      <td>
        <form action="">
          <div>
            
            {% FOR goods_filters %}
              <input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" />
            {% ENDFOR %}

            
            {% IF goods_show_order_fields %}
              Сортировать по:
              <select name="goods_search_field_id" onchange="this.form.submit();">
                {% FOR goods_order_fields %}
                  <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
                {% ENDFOR %}
              </select>
            {% ENDIF %}

            
            {% IF goods_show_per_page %}
              Показывать по:
              <select name="per_page" onchange="this.form.submit();">
                {% FOR goods_per_page_list %}
                  <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option>
                {% ENDFOR %}
              </select>
            {% ENDIF %}
          </div>
        </form>
      </td>
      

      
      <td class="alignRight">
        <div>
          {% IF show_pages %}
          <div class="square_pages">
            <span>Страницы: </span>
              {% FOR goods_pages %}
                {% IF goods_pages.CURRENT %}
                  <b>{goods_pages.PAGE}</b>
                {% ELSE %}
                  <a href="{GOODS_PAGINATE_URL}&page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
                {% ENDIF %}
              {% ENDFOR %}
          </div>
          {% ENDIF %}
        </div>
      </td>
      
    </tr>
    
  {% ENDIF %}
  

  
  <tr>
    <td colspan="2">
      <table style="padding:0px;margin:0px;">
        <tr>

          
          {% IF goods_empty %}
            <td>
              
              {% IF goods_filters_empty %}

                
                {%IFNOT nested_categories_list_empty %}

                  
                  <ul class="content_catalog_nested_categories">
                    {% FOR nested_categories_list %}
                      <li>
                        <div class="withBorder cornerAll" style="padding:1em">
                          <div><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
                          <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a>
                        </div>
                      </li>
                    {% ENDFOR %}
                  </ul>
                  <br clear="all"/>

                
                {% ELSE %}
                 <h3>Нет товаров в категории</h3>
                {% ENDIF %}

              
              {% ELSE %}
                <h3>Нет товаров для выбранных условий</h3>
              {% ENDIF %}
            </td>

          
          {% ELSE %}
            {% FOR goods %}
           <td class="goodsListItem">
                <div class="goodsListItemBlock withBorder cornerAll">
               <div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
               <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
               <div class="goodsListItemPriceNew">
                 <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
               </div>
               <div class="goodsListItemPriceOld">
                 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
                      <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
                    {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
                      <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
                    {% ENDIF %}
               </div>
                </div>
              </td>
           {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
           {% ENDFOR goods %}
         {% ENDIF %}
        </tr>
      </table>
    </td>
  </tr>
  

  
  <tr>
    
    <td colspan="2" class="alignRight">
      <div>
        {% IF show_pages %}
        <div class="square_pages">
          <span>Страницы: </span>
            {% FOR goods_pages %}
              {% IF goods_pages.CURRENT %}
                <b>{goods_pages.PAGE}</b>
              {% ELSE %}
                <a href="{GOODS_PAGINATE_URL}&page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
              {% ENDIF %}
            {% ENDFOR %}
        </div>
        {% ENDIF %}
      </div>
    </td>
    
  </tr>
  

</table>


{% IF CATEGORY_DESCRIPTION %}
  <div class="categoryDescriptionBlock">
    <div class="htmlDataBlock">
      {CATEGORY_DESCRIPTION}
    </div>
  </div>
{% ENDIF %}


{% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
  <div style="padding-bottom:1em;">
    {CATEGORY_SEO_DESCRIPTION_SHORT}
Где ошибка?

Наверх

#10 support 2.0

Активный участник

Модераторы
4 950 сообщений

Отправлено 30 Ноябрь 2012 - 18:21

lis383 (30 Ноябрь 2012 - 17:56) писал:

Где ошибка?

У Вас сейчас стоит слайдер и вроде, все работает .Единственное что я не понимаю, это почему Вы блок

<div id="wrapper">

	<div id="container">   
		<img src="img1.jpg" alt="Cuba" />
		<img src="img2.jpg" alt="Cuba" />
		<img src="img3.jpg" alt="Cuba" />
		<img src="img4.jpg" alt="Cuba" />
		<img src="img5.jpg" alt="Cuba" />
	</div><!-- container -->
	<img id="carouselLeft" src="leftArr.jpg" alt="Left Arrow" />
	<img id="carouselRight" src="rightArr.jpg" alt="Right Arrow" />
</div><!-- wrapper -->

поставили именно в этой части. Перед

<h1>{CATEGORY_NAME}</h1>

а не перед {BODY}
Вы ведь хотите чтобы галерея была на главной странице только? Тогда у Вас если будет текст на этой странице, галерея будет в конце него

Наверх

#11 lis383

Пользователь

Пользователи
31 сообщений

Отправлено 30 Ноябрь 2012 - 18:51

Я хочу не на главной сранице, а в каталоге товаров. Раз с этом не получается, пробую другой вот на него ссылка http://favbulous.com...om-design-deck. Но у меня опять не выходит....Посмотрите сайт maniacasual ИМЕННО СТРАНИЦА КАТАЛОГ.

Наверх

#12 support 2.0

Активный участник

Модераторы
4 950 сообщений

Отправлено 30 Ноябрь 2012 - 19:20

dedlui (30 Ноябрь 2012 - 12:16) писал:

Спасибо за оперативный ответ. Все сделал как вы описали, при этом: 1. кнопки исчезли(то что мне нужно), 2. слайдер ниже от хэдера не опустился, но текст стал ближе к слайдеру(тоже хорошо, я даже поигрался с расстоянием), 3. все же нужно отодвинуть слайдер вниз от хэдера(!!!).

Потихоньку-помаленьку начинаю соображать в коде, нужно поучить переменные, но со временем сейчас туговато. Хочется быстрее довести магазин до ума и запустить нормальную рекламу, что бы хоть что то получить до Нового года. Мне с вами легко работать. Спасибо вам!

support 2.0 (30 Ноябрь 2012 - 13:33) писал:

в файле HTML найдите блок, где ВЫ вставляли слайдер. Там Вы найдете вот такую строчку

<div class="theme-default" style="padding-top:1em;">

padding-top:1em отступ. Поменяйте 1em, к примеру, на 80pх и у Вас слайдер переместится ниже. У Вас должен получиться следующий код

<div class="theme-default" style="padding-top:80px;">

sitim (30 Ноябрь 2012 - 18:23) писал:

спасибо, оказалось там другой файл скрипта надо было скачать, smart-script.js

форму вставить получилось, но она глючила, заменили на простую.
подскажите, как сделать, чтобы форма и текст была выровняна по центру по горизонтали?
и то же самое относится к верхней кнопке инвайтмастера, что надо написать в html, чтобы её сверху выровнять по центру по горизонтали?

lis383 (30 Ноябрь 2012 - 18:51) писал:

Я хочу не на главной сранице, а в каталоге товаров. Раз с этом не получается, пробую другой вот на него ссылка http://favbulous.com...om-design-deck. Но у меня опять не выходит....Посмотрите сайт maniacasual ИМЕННО СТРАНИЦА КАТАЛОГ.

lis383 (30 Ноябрь 2012 - 18:51) писал:

Я хочу не на главной сранице, а в каталоге товаров. Раз с этом не получается, пробую другой вот на него ссылка http://favbulous.com...om-design-deck. Но у меня опять не выходит....Посмотрите сайт maniacasual ИМЕННО СТРАНИЦА КАТАЛОГ.

Проверьте такие ли у вас вставлены блоки.
Например здесь у Вас неправильно прописан пусть и не вставлен следом скрипт. Можете этот блок заменить на этот.

<div id="carousel">
<ul>
	 <li><img src="{ASSETS_IMAGES_PATH}image1.jpg" alt="" /><a href="">Image1</a></li>
	 <li><img src="{ASSETS_IMAGES_PATH}image2.jpg" alt="" /><a href="">Image2</a></li>
	 <li><img src="{ASSETS_IMAGES_PATH}image3.jpg" alt="" /><a href="">Image3</a></li>
	 <li><img src="{ASSETS_IMAGES_PATH}image1.jpg" alt="" /><a href="">Image1</a></li>
	 <li><img src="{ASSETS_IMAGES_PATH}image2.jpg" alt="" /><a href="">Image2</a></li>
	 <li><img src="{ASSETS_IMAGES_PATH}image3.jpg" alt="" /><a href="">Image3</a></li>				
</ul>
<div class="clearfix"></div>
<!-- prev and next button -->
<a id="prev" class="prev" href="#"><</a>
<a id="next" class="next" href="#">></a>
<!-- pagination -->
<div id="pager" class="pager"></div>
</div>

<script type="text/javascript" language="javascript">
$(function() {

$('#carousel ul').carouFredSel({
prev: '#prev',
next: '#next',
pagination: "#pager",
auto: true,
scroll: 1000,
pauseOnHover: true
});
});
</script>

Далее перед </head> вставить

<script type="text/javascript" src="{FORALL_JS_PATH}jquery.js"></script>
<script type="text/javascript" language="javascript" src="{FORALL_JS_PATH}jquery.carouFredSel-5.2.3-packed.js"></script>

Это вставьте в файл main.css в самом конце этот блок

body {
background: #d5d5d5 url('{ASSETS_IMAGES_PATH}bg_silver.jpg') no-repeat center top;
}
.wrapper {
width: 750px;
margin: 40px auto;
text-align:center;
}
#carousel {
margin: 0 0 30px 0;
width: 735px;
position:relative;
}
#carousel ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
#carousel li {
font-size: 40px;
color: #999;
text-align: center;
width: 232px;
height: 178px;
padding: 0;
margin: 6px;
display: block;
float: left;
background: transparent url('{ASSETS_IMAGES_PATH}carousel_polaroid.png') no-repeat 0 0;
position:relative;
}
#carousel li img {
width:201px;
height:127px;
margin-top:14px;
}

#carousel li a {
width:201px;
height:127px;
position:absolute;
display:block;
z-index:2;
top:14px;
left:16px;
background: transparent url('{ASSETS_IMAGES_PATH}carousel_shine.png') no-repeat 0 0;
text-indent:-999em;
}
.clearfix {
float: none;
clear: both;
}

#carousel .prev, #carousel .next {
margin-left: 10px;
width:15px;
height:21px;
display:block;
text-indent:-999em;
background: transparent url('{ASSETS_IMAGES_PATH}carousel_control.png') no-repeat 0 0;
position:absolute;
top:70px;
}
#carousel .prev {
background-position:0 0;
left:-30px;
}
#carousel .prev:hover {
	 left:-31px;
}
#carousel .next {
background-position: -18px 0;
right:-20px;
}
#carousel .next:hover {
	 right:-21px;
}
#carousel .pager {
margin:0 auto;
text-align: center;
}
#carousel .pager a {
margin: 0 5px 0 0;
text-decoration: none;
display:inline-block;
width:8px;
height:8px;
background: transparent url('{ASSETS_IMAGES_PATH}carousel_control.png') no-repeat -2px -32px;
text-indent:-999em;
}
#carousel .pager a.selected {
text-decoration: underline;
background: transparent url('{ASSETS_IMAGES_PATH}carousel_control.png') no-repeat -12px -32px;
}

И загрузите эти файлы на сайт.

После этого все должно заработать. Напишите, если что-то не получится

Прикрепленные изображения

Прикрепленные файлы

JS.zip 40,95К 94 Количество загрузок:

Наверх

#13 lis383

Пользователь

Пользователи
31 сообщений

Отправлено 30 Ноябрь 2012 - 19:48

Спасибо за отклик!!! Он поставился, только посмотрите, не крутит, а в два ряда все картинки......не прокручивает и на всех страницах появился серый фон.... и на странице NEW тоже слайдер, а его там быть не должно, только в каталоге

Наверх

#14 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 01 Декабрь 2012 - 07:05

Вероятно вы забыли загрузить файл "jquery.carouFredSel-5.2.3-packed.js" в разделе редактора тем. Так как у вас присутствует ошибка

"NetworkError: 404 Not Found - http://maniacasual.ru/web/upload/forall/js/jquery.carouFredSel-5.2.3-packed.js"

Так же вам необходимо удалить строку из шаблона "HTML"

<script type="text/javascript" src="{FORALL_JS_PATH}jquery.js"></script>

Наверх

#15 lis383

Пользователь

Пользователи
31 сообщений

Отправлено 01 Декабрь 2012 - 08:58

Vaccina (01 Декабрь 2012 - 07:05) писал:

Вероятно вы забыли загрузить файл "jquery.carouFredSel-5.2.3-packed.js" в разделе редактора тем. Так как у вас присутствует ошибка

"NetworkError: 404 Not Found - http://maniacasual.ru/web/upload/forall/js/jquery.carouFredSel-5.2.3-packed.js"

Так же вам необходимо удалить строку из шаблона "HTML"

<script type="text/javascript" src="{FORALL_JS_PATH}jquery.js"></script>

Все я в отчаянии... Выкладываю файлы , что есь + файл html + css+ js
html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR...D/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>{PAGE_TITLE}</title>
<meta name="keywords" content="{PAGE_META_KEYWORDS}" />
<meta name="description" content="{PAGE_META_DESCRIPTION}" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="ru" />
<link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />


{% IF PAGE_CANONICAL %}
<link rel="canonical" href="{PAGE_CANONICAL}" />
{% ENDIF %}


<link rel="stylesheet" href="{FORALL_STYLES_PATH}reset_01.css" type="text/css" />
<link rel="stylesheet" href="{FORALL_STYLES_PATH}nyroModal/nyroModal.full.css" type="text/css" />
<link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />


{% IF TARIFF_FEATURE_GOODS_OPINION %}

{% IFNOT SETTINGS_OPINION_DISABLE %}
<link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/jquery.ui.stars.min.css" type="text/css" />
{% ENDIF %}
{% ENDIF %}


<link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />



<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js"></script>


{% IF TARIFF_FEATURE_GOODS_OPINION %}

{% IFNOT SETTINGS_OPINION_DISABLE %}
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.ui.stars.min.js"></script>
{% ENDIF %}
{% ENDIF %}


<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

<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="{FORALL_JS_PATH}jquery.js"></script>
<script type="text/javascript" language="javascript" src="{FORALL_JS_PATH}jquery.carouFredSel-5.2.3-packed.js"></script>

</head>
<body>

<div id="headerWrap">
<div id="header">
<a href="http://{NET_DOMAIN}/" title="Перейти на главную"><span id="logo"></span></a>


<div id="contactInfo">
<table>
<tr>
<td class="contactInfoContent">
<table>

{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<tr>
<td class="contentTableHeadMainPhone">
<span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER1}
</td>
</tr>
{% ENDIF %}


{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<tr>
<td class="contentTableHeadMainPhone">
<span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER2}
</td>
</tr>
{% ENDIF %}


{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<tr>
<td class="contentTableHeadMainPhone">
<span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER3}
</td>
</tr>
{% ENDIF %}


{% IF SETTINGS_STORE_WORK_TIME %}
<tr>
<td class="contentTableHeadMainWorkTime">
{SETTINGS_STORE_WORK_TIME}
</td>
</tr>
{% ENDIF %}


{% IF SETTINGS_STORE_SKYPE %}
<tr>
<td class="contentTableHeadMainSkype">
<a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
</td>
</tr>
{% ENDIF %}


{% IF SETTINGS_STORE_ICQ %}
<tr>
<td class="contentTableHeadMainIcq">
<img class="valignMiddle" src="http://wwp.icq.com/s...TS}&img=27" alt="Статус" width="16" height="16" />
<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
</td>
</tr>
{% ENDIF %}
</table>
</td>
</tr>
</table>
</div>


<h2 id="title">Ваш слоган здесь</h2>

<div id="mainNav">
<table>
<tr>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
<div>
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
</div>
</td>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</tr>
</table>
</div>

<div id="searchPanel">
<form action="http://{NET_DOMAIN}/search" method="get">
<p>
<label for="keywords">Поиск</label>
<input type="text" maxlength="100" id="keywords" name="q" value="{SEARCH_QUERY}" />
<input type="image" value="Search" title="search" alt="search" src="{ASSETS_IMAGES_PATH}search_button.gif" id="submit" name="submit" />
</p>
</form>
</div>



<div id="cartInfo">
<a href="{CART_URL}"><span class="orderIcon cart"></span></a>
<span id="cartSum">
{% IF cart_count_empty %}
<span class="red">0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
<span>{cart_sum.NOW | money_format}</span><br />
{% ENDFOR %}
{% ENDIF %}
</span>
</div>


</div>
</div>

<div id="contentWrap">
<div id="content">

<table id="contentMainTb">
<tr>
<td id="leftMenuBlockWrap">
<div id="leftMenuBlock">

<h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
<ul id="subNavigation">
{%IFNOT catalog_empty %}
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
<li>
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul>



{% IF TARIFF_FEATURE_GOODS_FILTERS %}


{% IF SHOW_GOODS_FILTERS %}
<br /><h4 class="contentTbodyCatalogHeader noBorder">Фильтры по товарам</h4>


<form action="" method="get">
<div class="contentTbodySearchFilterBlock cornerAll">

{% FOR filter_attr_list %}
<em>{filter_attr_list.NAME}</em>
<div class="contentTbodySearchFilterBlockValues">
{% FOR values %}
<input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
<label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br />
{% ENDFOR %}
</div>
{% ENDFOR %}


{% FOR filter_prop_list %}
<em>{filter_prop_list.NAME}</em>
<div class="contentTbodySearchFilterBlockValues">
{% FOR values %}
<input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} >
<label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</label><br />
{% ENDFOR %}
</div>
{% ENDFOR %}
</div>
</form>
{% ENDIF %}
{% ENDIF %}



{% IF TARIFF_FEATURE_GOODS_COMPARE %}

{% IFNOT SETTINGS_COMPARE_DISABLE %}
<br /><h4 class="contentTbodyCatalogHeader"><a href="{COMPARE_URL}">Сравнение товаров</a></h4>
<div class="contentTbodyCompare">
{%IF COMPARE_GOODS_COUNT=0 %}
<em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em>
{% ELSE %}
<em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br />
<a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a>
{% ENDIF %}
</div>
{% ENDIF %}
{% ENDIF %}



{% IF TARIFF_FEATURE_NEWS %}

{%IFNOT news_list_all_empty %}
<br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_ALL_URL}">Лента новостей</a></h4>
<div class="contentTbodyNews">


<div class="contentTbodyNewsBlock">
{% FOR news_list_all %}
<div class="contentTbodyNewsBlockItem">
<a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br />

<div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div>
{% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
</div>
{% ENDFOR %}
</div>

<a href="{NEWS_ALL_URL}">Архив новостей</a>
</div>
{% ENDIF %}


{%IFNOT news_list_shop_empty %}
<br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_SHOP_URL}">Новости магазина</a></h4>
<div class="contentTbodyNews">


<div class="contentTbodyNewsBlock">
{% FOR news_list_shop %}
<div class="contentTbodyNewsBlockItem">
<a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br />

<div class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div>
{% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
</div>
{% ENDFOR %}
</div>

<a href="{NEWS_SHOP_URL}">Архив новостей</a>
</div>
{% ENDIF %}


{%IFNOT news_list_articles_empty %}
<br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_ARTICLES_URL}">Статьи</a></h4>
<div class="contentTbodyNews">


<div class="contentTbodyNewsBlock">
{% FOR news_list_articles %}
<div class="contentTbodyNewsBlockItem">
<a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br />

<div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div>
{% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
</div>
{% ENDFOR %}
</div>

<a href="{NEWS_ARTICLES_URL}">Архив статей</a>
</div>
{% ENDIF %}


{%IFNOT news_list_mass_media_empty %}
<br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a></h4>
<div class="contentTbodyNews">


<div class="contentTbodyNewsBlock">
{% FOR news_list_mass_media %}
<div class="contentTbodyNewsBlockItem">
<a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br />

<div class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div>
{% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
</div>
{% ENDFOR %}
</div>

<a href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a>
</div>
{% ENDIF %}
{% ENDIF %}
</div>
</td>
<td id="primaryContent">

{BODY}


{% IF index_page %}

{% IFNOT index_page_new_goods_empty %}
<h3><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h3>
<table>
<tr>
{% FOR index_page_new_goods %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img class="goods-image-small" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div>
<h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3>
<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
</td>
{% IFNOT index_page_new_goods.last %}{index_page_new_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
{% ENDFOR index_page_new_goods %}
</tr>
</table>
{% ENDIF %}



{% IFNOT index_page_favorites_goods_empty %}
<h3><a href="{CATALOG_TOP_SALES_URL}" class="indexPage">Хиты продаж</a></h3>
<table>
<tr>
{% FOR index_page_favorites_goods %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img class="goods-image-small" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a></div>
<h3 class="goodsListItemName"><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></h3>
<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
</td>
{% IFNOT index_page_favorites_goods.last %}{index_page_favorites_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
{% ENDFOR index_page_favorites_goods %}
</tr>
</table>
{% ENDIF %}



{% IFNOT index_page_goods_empty %}
<h3>Интересные предложения</h3>
<table>
<tr>
{% FOR index_page_goods %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>
<h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>
<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
<br /><a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
</td>
{% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
{% ENDFOR index_page_goods %}
</tr>
</table>
{% ENDIF %}

{% ENDIF %}

</td>
</tr>
</table>
</div>
</div >


<div id="footer">
<br />
<span>
{% FOR menu %}
{% FOR footer %}
{% FOR links %}<a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a>{% IF menu.footer.links.rindex>1 %}   |   {% ENDIF %}{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</span>
<br /><br />
<div class="footnote">
© {DATE_YEAR} «{SETTINGS_STORE_NAME}»   {SETTINGS_STORE_ORG_NAME}<br />
Все права защищены <br />
{SETTINGS_STORE_REGION}<br />
{SETTINGS_STORE_HTML_CODE}<br />

CSS
.alignLeft {text-align:left !important;}
.floatLeft {float:left !important;}

/* ! js ссылки с пунктирным подчеркиванием */
.jsAction {border-bottom:1px dashed;}
.jsAction:hover {border-bottom:1px solid;text-decoration:none;}

/* !numbers -------------------------------------------------------------- */
.num {font-family: helvetica;font-style: italic;white-space: nowrap;}

/* !colors -------------------------------------------------------------- */
.red {color:#d00000;}
.green {color:#057f02;}
.gray {color:#7c7c7c;}
.black {color:#000;}
.gold {color:#BE9E4C;}

/* !pages -------------------------------------------------------------- */
.square_pages {font-size:1em;text-align:right;clear: both;}
.square_pages span {position:relative;bottom:1px\9;}
.square_pages a {font-size:1em;height:17px;line-height:17px;color:#8b8b8b;border: #bfbfbf 1px solid;padding:1px 4px 1px 4px; margin-left:0px;text-align:center;font-weight:bold;text-decoration:none;}
.square_pages a:hover {background:#d1e7fc;color:#3d3d3d;}
.square_pages b {font-size:1em;height:17px;color:Yellow;border: #bfbfbf 1px solid;padding:1px 4px 1px 4px;margin-left:1px;text-align:center;background:#d1e7fc;}

.lineThrough {text-decoration:line-through !important;}
.errorMessage {color:red;color:#d00000;}
/* colour palette

dark blue: #00205B
red: #D0431D
gold: #BE9E4C
grey rules: #E5E5E5

*/

/* !layout -------------------------------------------------------------- */

body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
}

#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}
#header {position: relative;width: 960px;height: 150px;margin: 0 auto;}
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}
#content {width: 960px;margin: 0 auto;}
#contentMainTb {width: 960px;margin:0;border-collapse: collapse;border-spacing: 0;}
#primaryContent {width: 750px;padding:0 0px 40px 0;vertical-align:top;}
.clearBoth {clear: both;height: 0;}

/* font sizing guide:

pixels ems leading
-------------------------------------
9px = 0.75em 2.2222em
10px = 0.8333em 2em
11px = 0.9166em 1.8181em
12px = 1em 1.6666em
13px = 1.0833em 1.5384em
14px = 1.1666em 1.4285em
15px = 1.25em 1.3333em
16px = 1.3333em 1.25em
17px = 1.4166em 1.1764em
18px = 1.5em 1.1111em
19px = 1.5833em 1.0526em
20px = 1.6666em 1em
21px = 1.75em
22px = 1.8333em
23px = 1.9166em
24px = 2em
30px = 2.5em

(divide desired pixel height by 12 to get 'em' value) */

abbr, acronym {
cursor: help;
border-bottom: 1px dotted;
}

p {
font-size: 1em;
margin: 0.8333em 0 0.8333em 0;
}
h1 {
font-weight: lighter;
color: #000;
font-size: 1.9666em;
line-height: 1.1538em;
margin: 0.7692em 0 0.3846em 0;
}
h2 {
font-weight: normal;
color: #000;
font-size: 2.1666em;
line-height: 1.1538em;
margin: 0.7692em 0 0.3846em 0;
}

h3, h3 a {
font: 1.5em/1.1111em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;
font-style: italic;
font-weight: normal;
color: #000;
margin: 1.1111em 0 0.5555em 0;
}
h3 a.indexPage {
font-size: 1em;color: #000;
}

h4, h4 a {
font-weight: normal;
color: #000;
font-size: 1.1666em;
line-height: 1.4285em;
margin: 1.4285em 0 0.7142em 0;
}

h5 {
font-weight: bold;
color: #000;
font-size: 1em;
line-height: 1.6666em;
margin: 1.6666em 0 0.8333em 0;
}

#primaryContent p {
margin-right: 20px;
}

#primaryContent ul {
margin-left: 20px;
margin-right: 20px;
}

#primaryContent ul li {
background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.4em;
padding-left: 15px;
}

sup {
font-size: 0.75em;
color: #888;
}

.small {
font-size: 0.9166em;
line-height: 1.8181em;
color: #888;
}

/* hyperlinks */

a:link, a:visited {
color: #8B8B00;
text-decoration: none;
}

a:hover, a:active {
color: #00205B;
text-decoration: underline;
}

/* data tables */

table {
margin-top: 20px;
width: auto;
border-collapse: collapse;
}

th, td {
font-size: 1em;
margin: 0.8333em 0 0.8333em 0;
text-align: left;
padding: 3px 10px 3px 0;
}

th {
font-weight: bold;
color: #BE9E4C;
border-bottom-color:#CCC;
}

td.download {
text-align: center !important;
padding: 0 !important;
}

td.download img {
margin: 0 0 0 25px !important;
}

/* !header ---------------------------------------------------------------- */

#header #logo {
position: absolute;
top: 18px;
left: 10px;
height: 79px;
width: 300px;
background: url({ASSETS_IMAGES_PATH}logo.png) no-repeat;
}

#header #logo a {
height: 81px;
width: 67px;
display: block;
text-decoration: none;
}

#header #title {
margin: 0;
position: absolute;
right: 10px;
width: 420px;
bottom: 44px;

}

/* !search panel -------------------------------------------------------------- */
#searchPanel {FF
position: absolute;
top: 15px;
right: 10px;
}

#searchPanel form {
float: right;
}

#searchPanel p {
margin: 0;
}

input#keywords {
margin: 0;
font-size: 1em;
padding: 0.25em;
width: 200px;
border: 1px solid #CCC;
color: #333;
}

#searchPanel label,
#searchPanel input {
display:inline;
vertical-align:middle;
margin-left: 5px;
}

#searchPanel label {
padding-top: 2px;F
}

/* !footer -------------------------------------------------------------- */
#footer {background: url("{ASSETS_IMAGES_PATH}botfade.jpg") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}
#footer a {color:#666 !important}
#footer a.selected {color:yellow4 !important}

/* main navigation ---------------------------------------------------------------- */
#mainNav {
position: absolute;
left: 5px;
bottom: 0;
height: 35px;
background: black;
}
#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;background: url("{ASSETS_IMAGES_PATH}nav_bg_right.gif") no-repeat bottom right;padding: 5px 5px 0 0;height: 30px;margin:auto;}
#mainNav table td {padding:5px 0 0 2px;}
#mainNav table td.first {padding-left: 5px;}
#mainNav table td.last {
padding-right: 5px;
background: black;}
#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td div a:link, #mainNav table td div a:visited {
display: block;
height: 26px;
color: white;
padding: 4px 10px 0 10px;
background: black;
font-size: 15px;
}
#mainNav table td div a.selected, #mainNav table td div a:hover, #mainNav table td div a:active {
color: Yellow;
text-decoration: none;
background-position: black;
}
/* !breadcrumb ---------------------------------------------------------------- */

#breadcrumb {
margin: 0px;
padding-top: 20px;
font-size: 0.9166em;
line-height: 1.8181em;
}

/* !sub navigation ---------------------------------------------------------------- */

#subNavigation {
width: 170px;
}

#subNavigation li {
font-size: 1.0833em;
line-height: 1.5384em;
padding: 0.5em 0;
background: url({ASSETS_IMAGES_PATH}subnav_rule.gif) no-repeat left bottom;
}

#subNavigation li a:link,
#subNavigation li a:visited {
padding-left: 10px;
color: #666;
display: block;
}

#subNavigation li a:hover,
#subNavigation li a:active {
background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.6em;
color: yellow4;
text-decoration: none;
}

#subNavigation .selected {color:yellow4 !important}

#leftMenuBlockWrap {
width: 170px;
padding:1em 0 40px 0;
vertical-align:top;
}
#leftMenuBlock {
width: 170px;
margin: 0 20px 0 0;
}

/* Настройки максимальных размеров генерируемых изображений */
.goods-image-icon {max-width:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px}
.goods-image-icon-square {width:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px;height:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px}
.goods-image-small {max-width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px}
.goods-image-small-square {width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px; height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px}
.goods-image-medium {max-width:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px}
.goods-image-medium-square {width:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px; height:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px}
.goods-image-other {max-width:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px}
.goods-image-other-square {width:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px; height:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px}
.goods-image-large {max-width:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px}
.goods-image-large-square {width:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px; height:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px}
.goods-cat-image-icon {max-width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px}
.goods-cat-image-icon-square {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px}
.goods-cat-image-medium {max-width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_CATALOG}px}
.goods-cat-image-medium-square {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_CATALOG}px}
.goods-cat-image-other {max-width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px}
.goods-cat-image-other-square {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px}
/* END Настройки максимальных размеров генерируемых изображений */

/* Заголовки в блоке навигации слева */
.contentTbodyCatalogHeader {margin:0 1em 0.33em 0.7em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}
.contentTbodyCatalogHeader.noBorder {background-image:none;margin-bottom:0em;}
.contentTbodyCatalogHeader a {color:#000}

/* Новости в блоке навигации слева */
.contentTbodyNews {padding:0.2em 0.7em 0 1em;}
.contentTbodyNewsBlockItemTime {font-size:0.9em;color:#666;}
.contentTbodyNewsBlockItem {font-size:0.9em;margin-bottom:1em;margin-left:0.33em}

/* Каталог навигации по категориям на странице списка товаров */
.content_catalog_nested_categories li {text-align:center;float:left;width:150px;overflow:hidden;padding:1em;margin:0;list-style-type:none;background:none !important;}
.content_catalog_nested_categories li .withBorder {height:150px;}

/* страница списка новостей */
.newsListBlockItem {padding-bottom:1em;}
.newsListBlockItemTitle {font-size:1.33em;color:#BE9E4C !important}
.newsListBlockItemPreview {margin:0.3em 0em 0em 0em;}
.newsListBlockItemTime {font-size:0.9em;color:#888;}

/* Страница новости */
.newsListBlockItemTitle {font-size:1.33em;color:}
.newsListBlockItemPreview {margin:0.3em 0em 0em 0em;}
.newsListBlockItemTime {font-size:0.9em;color:#888;}
.newsListBlockItemFiles {margin:1em 0 1em 0}

/* Иконки форматов файлов */
.file_extension_icon {width:16px;height:16px;display:block;background:#ffffff url("{ASSETS_IMAGES_PATH}icons-files-extensions.gif") no-repeat left top;}

.file_extension_icon.torrent{background-position:-16px 0px}
.file_extension_icon.xls {background-position:-32px 0px}
.file_extension_icon.ie7 {background-position:-48px 0px}
.file_extension_icon.ppt {background-position:-64px 0px}
.file_extension_icon.htm,
.file_extension_icon.html {background-position:0px -16px}
.file_extension_icon.avi {background-position:-16px -16px}
.file_extension_icon.bmp,
.file_extension_icon.gif {background-position:-32px -16px}
.file_extension_icon.js,
.file_extension_icon.css,
.file_extension_icon.txt {background-position:-48px -16px}
.file_extension_icon.pptm {background-position:-64px -16px}
.file_extension_icon.rtf,
.file_extension_icon.doc {background-position:0px -32px}
.file_extension_icon.jpg {background-position:-16px -32px}
.file_extension_icon.png {background-position:-32px -32px}
.file_extension_icon.ini {background-position:-48px -32px}
.file_extension_icon.pptx {background-position:-64px -32px}
.file_extension_icon.php {background-position:0px -48px}
.file_extension_icon.mht,
.file_extension_icon.mhtml {background-position:-16px -48px}
.file_extension_icon.psd {background-position:-32px -48px}
.file_extension_icon.zip {background-position:-48px -48px}
.file_extension_icon.xps {background-position:-64px -48px}
.file_extension_icon.exe {background-position:0px -64px}
.file_extension_icon.xml {background-position:-16px -64px}
.file_extension_icon.wma,
.file_extension_icon.mp3 {background-position:-32px -64px}
.file_extension_icon.xlsx {background-position:-48px -64px}
.file_extension_icon.xlsb {background-position:-64px -64px}
.file_extension_icon.pdf {background-position:0px -80px}
.file_extension_icon.csv {background-position:-16px -80px}
.file_extension_icon.docx {background-position:-32px -80px}
.file_extension_icon.accdb {background-position:-48px -80px}
.file_extension_icon.xlsm {background-position:-64px -80px}
.file_extension_icon.dll {background-position:0px -96px}
/* END Иконки форматов файлов */

/*cartInfo*/
#cartInfo {
position: absolute;
bottom: 74px;
right: 52px;
white-space: nowrap;
}
}
#cartInfo a {
color:#000;
text-transform: uppercase;
}
/*cartInfo*/

/*contactInfo*/
#contactInfo {
position:absolute;
font-size:1.6em;
top: 5px;
left: 330px;
}

.contentTableHeadMainPhone {color:#000;}
.contentTableHeadMainSkype img { padding-right:4px;}

.contactInfoContentCountryCode {color:#BE9E4C;}
.contactInfoContent {
height:100px;
width: 180px;
vertical-align:middle;

}
#contactInfo table {margin:0px;}
#contactInfo td {padding:0px;text-align:center !important;}
/*contactInfo*/

/* Страница категории. ячейки с товаром */
.goodsListItem {text-align:center;vertical-align:top;width:200px;overflow:hidden;padding:0px;} /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock {height:200px;margin:5px;overflow:hidden;}
.goodsListItemBlock a {color:#BE9E4C}
.goodsListItemImage {height:100px;margin-top:1em}
.goodsListItemName {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;}
.goodsListItemName a {color:#2f97cb;font-size:15px;line-height:1.2em;padding:0px;margin:0px;}

/* Рамка для интерактивных элементов */
.withBorder {border:1px solid #E5E5E5 !important;}
.withBorder:hover {border-color:yellow4 !important;}

/* Страница товара. Цена товара */
.goodsDataMainModificationPriceOld {display:block;}

/* Страница товара. Характеристики */
.goodsDataFeatures {width:100%;}
.goodsDataFeatures p {float:left;margin:0;padding:0;width:100%;background:transparent url('http://development.s...grey_dotted.gif') repeat-x scroll 0 100%;}
.goodsDataFeatures p span {border-bottom:1px solid #FFFFFF;color:#A9A9A9;}
/* Страница товара. Основные данные */
.goodsDataMain td {vertical-align:top}
.goodsDataMainImageBlock {width:280px;}
.goodsDataMainImageBlock img {padding:2px;}
.goodsDataMainImagesIcon {width:46px;height:46px;margin:0.2em 0.4em 0.2em 0em;}
.goodsDataMainImagesIcon img {padding:2px;}
.goodsDataMainImageZoom {text-align:center;padding:0.5em;}
.goodsDataMainImageZoom a {padding:5px 0px 5px 25px;background:transparent url('http://development.s...-magnifying.png') no-repeat scroll center left;}
.goodsDataMainModificationDataBlock,
.goodsDataMainModificationsBlock,
.goodsDataMainDiscountBlock,
.goodsDataMainDeliveryBlock,
.goodsDataMainModificationsDescriptionBlock {padding:1em;}

.goodsDataMainModificationsBlockProperty {padding:5px;}
.goodsDataMainModificationsBlockProperty select {width:auto;}

/* Страница товара. Акция на товар */
.goodsDataMainDiscountBlock {line-height:1.8em;}

.goodsHeader h1,
.goodsDataForm h4,
.goodsDataForm h5 {margin-top:0px;padding:0px;line-height:1.2em;}
.goodsDataForm table {margin:0px;}
.goodsDataMainModificationsList {display:none;}
.goodsDataMainModificationData {width:240px;vertical-align:middle;}
.goodsDataMainModificationPriceNow {font-size:1.5em;color:#F2912D;margin:0px;white-space:nowrap;}
/* Страница товара. Информация о заказе */
.goodsDataMainOrder {border:1px solid #E5E5E5}
.goodsDataMainModificationAvailable {white-space:nowrap;}
/* Страница товара. Кнопка положить в корзину */
.goodsDataFormSubmitButton {text-align:right;white-space:nowrap;vertical-align:middle;padding:1em 1em 1em 0;}
/* Страница товара. Информация о доставке */
.goodsDataMainModificationsBlock,
.goodsDataMainDiscountBlock,
.goodsDataMainDeliveryBlock,
.goodsDataMainModificationsDescriptionBlock {border-top:1px solid #E5E5E5;}

.goodsDataMainDeliveryItemHeader {padding:1em 0em 0.5em 0.3em;color:#555;}
.goodsDataMainDeliveryItem {padding:0em 1em 0em 1em;}
.goodsDataMainDeliveryItemRules {padding-bottom:1em;}
.goodsDataMainDeliveryItemRules tbody td{padding:2px;line-height:1.2em;}
.goodsDataMainDeliveryItemRules caption {text-align:left;}
.goodsDataMainDeliveryItemRules caption h5 {font-style: italic;white-space: nowrap;}
.goodsDataMainDeliveryItemRules p {float:left;margin:0;padding:0;line-height:1.4em;width:100%;background:transparent url('http://development.s...grey_dotted.gif') repeat-x scroll 0 100%;}
.goodsDataMainDeliveryItemRules p span {border-bottom:1px solid #ffffff;color:#666666;}

/* Корзина. Шапка таблицы */
.cartFormTable {width:100%}
.cartFormThead th {padding:0.5em;background:none repeat scroll 0 0 #EEF5FB;font-weight:normal;white-space:nowrap;text-align:center;}
/* Корзина. Позиции заказа */
.cartFormTbody td {padding:0.66em;vertical-align:middle;background:url('http://development.s...grey_dotted.gif') repeat-x scroll 0 100% transparent;}
.cartFormTbody td.cell1 {text-align:center;}
.cartFormTbody td.cell2 {width:500px;vertical-align:top;}
.cartFormTbodyNavigate a {color:#888;}
.cartFormTbodyHeader {color:#000;font-size:1.1em;}
.cartFormTbodyHeader span {color:#666;font-size:0.9em;}
.cartFormTbody td.cell3 {white-space:nowrap;}
.cartFormTbody td.cell3 input {width:50px;text-align:center;}
.cartFormTbody td.cell4 {text-align:right;font-size:1.3em;color:#188518;}
.cartFormTbody td.cell5 {text-align:right;font-size:1.3em;color:#188518;}
.cartFormTbody td.cell6 {text-align:center;}
/* Корзина. Низ таблицы заказа */
.cartFormTfootSumTable {float:right;font-size:1.5em;margin:0.5em 0em 0.5em 0em}
.cartFormTfootSumTable .cell1 {vertical-align:top;}
.cartFormTfootSumTable .cell2 {text-align:right;color:#188518;}
.cartFormTfootTruncate {text-align:left;vertical-align:middle;white-space:nowrap;}
.cartFormTfootButtons {text-align:right;}

/* Оформление заказа. Общие настройки */
.orderData,
.order {padding:1em;margin:1em 0em 1em 0em;border:1px solid #E5E5E5;}

.order h3 {margin:0.5em 0em 0em 0em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}
.orderInfo {padding:1em;}
.orderInfo table {margin-top:0.5em;}

/* Оформление заказа. Контактная информация */
.orderStageContact table {width:100%;}
.orderStageContact td.cell1 {width:200px;white-space:nowrap;}
.orderStageContact td.cell2 {width:auto;}
.orderStageContact input {width:90%;}
.orderStageContact .orderStageContactCheckbox {width:auto;text-align:left;}

/* Оформление заказа. Ссылка показать пароль */
.OrderShowPassBlock {text-align:left;padding-top:0.1em;}
.OrderShowPass {font-size:1em;color:#888;border-bottom:1px dashed;}
.OrderShowPass:hover {border-bottom:1px solid;text-decoration:none;}

/* Оформление заказа. Выбор доставки */
.orderStageDelivery table {width:100%;margin-bottom:1em;}
.orderStageDelivery td {vertical-align:middle;margin:0px;}
.orderStageDelivery td p {margin:0px;}
.orderStageDelivery td.cell1 {width:20px;}
.orderStageDelivery td.cell2 {width:auto;}
.orderStageDelivery td.cell3 {width:200px;white-space:nowrap;text-align:right;font-size:1.5em;color:#188518;}
.orderStageDelivery textarea {width:100%;height:80px;}
.orderInfoDeliveryAddress input,
.orderInfoDeliveryAddress #deliveryCountry {width:150px;}
#deliveryConvenientDate {width:75px; text-align:center;}
.orderInfoDeliveryAddress label {white-space:nowrap;padding-top:3px;display:block;}
.orderInfoDeliveryAddress td {vertical-align:top;}

/* Оформление заказа. Подтверждение заказа */
.orderStageConfirmCart,
.orderStageConfirmContacts {width:100%;}
.orderStageConfirmContactsHeader {text-align:left !important;}
.orderStageConfirmContacts .cell1 {width:210px;white-space:nowrap;padding:1em 0em 1em 1em;}
.orderStageConfirmContacts .cell2 {width:auto;}
.orderStageConfirmContacts p {margin:0;padding:0;width:100%;background:transparent url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100%;}
.orderStageConfirmContacts p span {border-bottom:1px solid #FFFFFF;background:#FFFFFF none repeat scroll 0 0;color:#666666;}

/* Кнопки навигации для перехода по шагам заказа */
.orderStageSubmitNavigation {padding-top:2em;}

/* Оформление заказа. Шаги пользователя */
.orderHeader {margin:0em 0em 0.5em 0em;font-size:1.2em;}
.orderHeader td {color:#cccccc}
.orderHeader td.act {color:#555}
.orderStepName {vertical-align:middle;padding-right:2em;}

/* Иконки */
.orderIcon {width:36px;height:36px;display:block;background:url('{ASSETS_IMAGES_PATH}orderIcons.png') -1px -3px no-repeat;}
.orderIcon.ok {background-position:-1px -3px;}
.orderIcon.step1 {background-position:-1px -88px;}
.orderIcon.step1-act {background-position:-1px -44px;}
.orderIcon.step2 {background-position:-40px -88px;}
.orderIcon.step2-act {background-position:-40px -44px;}
.orderIcon.step3 {background-position:-79px -88px;}
.orderIcon.step3-act {background-position:-79px -44px;}
.orderIcon.step4 {background-position:-118px -88px;}
.orderIcon.step4-act {background-position:-118px -44px;}
.orderIcon.cart {background-position:-40px -3px;}
.orderIcon.delivery {background-position:-118px -3px;margin:auto;}

/* Информация по оформленному заказу */
.orderData h3 {font-size:1.5em;}
.orderData h3 {margin:0em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;}
.orderDataInfo {padding:2em 1em 0em 1em;}
.orderDataTable {width:100%;margin:0px;}
.orderDataTable th {padding:0.5em;background:none repeat scroll 0 0 #EEF5FB;font-weight:normal;text-align:center;}
.orderDataTableHeader {text-align:left !important;}
.orderDataTable .cell1 {width:210px;white-space:nowrap;padding:1em 0em 0em 1em;vertical-align:top;}
.orderDataTable .cell2 {width:auto;vertical-align:top;padding:1em 0em 0em 0em;}
.orderDataTable p {margin:0;padding:0;width:100%;background:transparent url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100%;}
.orderDataTable p span {border-bottom:1px solid #FFFFFF;color:#666666;}

/* Список акции на товары */
.promotionCampaignHeader a {font-size:22px;}
.promotionCampaignList {font-size:12px}
.promotionCampaignInfo {width:100%;font-size:12px;margin:0px;}
.promotionCampaignInfo p {line-height:1.4em;float:left;margin:0.2em 0em 0em 0em;padding:0;width:100%;background:transparent url('http://development.s...grey_dotted.gif') repeat-x scroll 0 100%;}
.promotionCampaignInfo p span {line-height:1.2em;border-bottom:3px solid #FFFFFF; background:#FFFFFF none repeat scroll 0 0;color:#A9A9A9;}
.promotionCampaignInfo td {padding-bottom:5px;}
.promotionCampaignInfo td.cell1 {width:200px}
.promotionCampaignInfo td.cell2 {font-weight:bold;}

/* Форма связи с администрацией */
.feedbackForm label {font-weight:normal;display:block;font-size: 1.2em;margin:0.1em 0 0.1em 0;}
.feedbackForm .input {width:300px;}
.feedbackForm textarea {width:600px;}

/* Форма оплаты заказа по интернету */
.paymentFormTbody label {font-weight:normal}
.paymentFormTbody h4 {color:#910f0f}
.paymentFormTbody input.inputText {padding:0.2em;width:300px;}
.paymentFormTbody select {padding:0.2em;width:308px;}
.paymentFormTbody .paymentFormSubmitLink {font-size:1.3em;}
.paymentFormTbody .ceil1 {padding-left:1em;}
.paymentFormTbody p {width:auto;background:none;}
.paymentBankRu .tr6 .ceil1 {padding-top:1em;}

/* Сравнение товаров в блоке навигации слева */
.contentTbodyCompare {padding:0.2em 1em 1em 1.5em;}
.contentTbodyCompareEmpty {color:#888;}
.contentTbodyCompareDetails {display:block;margin-top:5px;}

/* Страница сравнения товаров */
.CompareGoodsHeader {color:#000;font-size:1.1em;display:block;}
.CompareGoodsHeader span {color:#666;font-size:0.9em;}
.CompareGoodsTableTbody td {max-width:400px;text-align:center;padding:4px;}
.CompareGoodsTableTbody td.borderAll {border:1px solid #DCECF7;}
.CompareGoodsTableTbody td.noBorderBottom {border-top:1px solid #DCECF7;border-left:1px solid #DCECF7;border-right:1px solid #DCECF7;}
.CompareGoodsTableTbody td.BorderLeftAndRight {border-left:1px solid #DCECF7;border-right:1px solid #DCECF7;}
.CompareGoodsTableTbody .CompareCheckbox,
.CompareGoodsTableTbody label {vertical-align:middle;font-weight:normal;}
.CompareGoodsTableTbody td.ceil1 {text-align:left;vertical-align:bottom;}
.CompareGoodsTableTbodyComparisonLine.same{color:#888;background:#F0F0F0}
.CompareGoodsTableTbodyComparisonLine.hover{background:#E1FAE1}
.CompareGoodsTableTbodyComparisonLine td {text-align:left;}
.CompareGoodsTableFilterSelected {font-weight:bold;color:#000 !important;text-decoration:none;}
.CompareGoodsTableFilterSelected:hover {text-decoration:none;cursor:default;color:#000 !important;}
.CompareGoodsHideSelected {display:block;height:20px;width:350px;}
.CompareGoodsShowAll {display:block;height:20px;width:350px;}
.CompareGoodsDeleteLink {display:block;height:15px;width:15px;overflow:hidden;float:right;background: url('{ASSETS_IMAGES_PATH}icon-cancel.gif') no-repeat 50% 50%;}

/* Личный кабинет клиента. Формы авторизации, регистрации, настроек и восстановления пароля */
.clientForm td {padding:0.4em;}
.clientForm h3 {padding-bottom:1em;}
.clientForm thead td {padding-bottom:1em;}
.clientForm tbody td.ceil1 {width:5%;}
.clientForm tbody td.ceil2 {width:5%;}
.clientForm tbody label {white-space:nowrap;font-size:1.3em;font-weight:normal;vertical-align:middle;}
.clientForm tbody input {vertical-align:middle;padding:0.3em;width:220px;}
.clientForm tbody textarea {width:224px;height:75px;}
.clientForm tbody .showPassBlock {text-align:center;padding-top:0.1em;}

.clientForm tbody .showPass {font-size:1em;color:#888;border-bottom:1px dashed;}
.clientForm tbody .showPass:hover {border-bottom:1px solid;text-decoration:none;}
.clientForm tfoot td {padding-top:2em;}
#caps_lock {font-size:11px;width:220px;}

/* Личный кабинет клиента. История заказов */
.clientOrderList {padding-bottom:2em;}
.clientOrderListTable thead td {font-weight:bold;text-align:center;padding:10px 5px 10px 5px;}
.clientOrderListTable td {border:1px solid #ccc;padding:5px}
.clientOrderListTable .second td {background-color:#F5F5F5;}

/* Личный кабинет клиента. Информация о заказе */
.clientOrderInfo {padding-bottom:2em;}
.clientOrderInfoMain {border:1px solid #ccc;padding:1em;}
.clientOrderInfoMainTb {margin:0px;}
.clientOrderInfoMainTb td {border:1px solid #ccc;padding:7px;}
.clientOrderInfoPositions {border:1px solid #ccc;padding:1em;}
.clientOrderInfoPositionsTb {margin:0px;}
.clientOrderInfoPositionsTb td {border:1px solid #ccc;padding:7px;}

/* Страница товара. Добавление отзыва о товаре */
.goodsDataOpinionMsg {margin:0 0 0 20px;white-space:nowrap;}
.goodsDataOpinionMessage {padding:1em;font-size:1.2em;font-style:italic;border-left:2px solid #b85454;margin:1em;}
.goodsDataOpinionMessage.empty {margin-left:2em;border-left:2px solid #DCECF7;}
.goodsDataOpinionMessage.auth {margin-top:0}

.goodsDataOpinionAddTable {margin-left:1em;}
.goodsDataOpinionAddTable td {vertical-align:top;padding-right:1em;}
.goodsDataOpinionAddTable tbody label {white-space:nowrap;font-size:1.3em;font-weight:normal;vertical-align:middle;}
.goodsDataOpinionAddTable tbody label.required {font-weight:bold;}
.goodsDataOpinionAddTable tbody input {vertical-align:middle;padding:0.3em;width:420px;}
.goodsDataOpinionAddTable tbody input.captcha {width:120px;}
.goodsDataOpinionAddTable tbody textarea {width:424px;height:75px;padding:0.2em;}
.goodsDataOpinionAddTable tbody .generally input {width:auto;padding:0px;}
.goodsDataOpinionAddTable tbody .generally label {font-size:1em;}
.goodsDataOpinionAddTable tfoot td {padding-top:1em;}
.goodsDataOpinionCaptcha td {padding-left:0px;}
.goodsDataOpinionAverageInfo {padding-left:1em;vertical-align:middle;}

/* Страница товара. Список отзывов о товаре */
.goodsDataOpinionListTableClient {color:#888}
.goodsDataOpinionListTableClient.auth {color:#555}
.goodsDataOpinionListTableAnswer {padding:1em;color:#167507}

.goodsDataOpinionListNavigateBottom td {padding-top:1em;}
.goodsDataOpinionListTable {width:750px;}
.goodsDataOpinionListTable td {border-bottom:1px solid #cccccc;padding: 0.5em 1em 0.4em 0;}
.goodsDataOpinionListTable td.ceil1 {width:20%;}
.goodsDataOpinionListTable td.ceil2 {width:80%;}
.goodsDataOpinionListTableDate {display:block;color: #979797;font-size: 0.8em;font-weight: normal;}

/* Фильтры по товарам в колонке меню */
.contentTbodySearchFilterBlock {padding:1em;margin:0 0 0 1em;border:1px solid #E5E5E5;}
.contentTbodySearchFilterBlockValues {padding:1em 0 1em 1em;}
.contentTbodySearchFilterBlockValues label {font-weight:normal;}

/* Фикс для отображения данных добавленных через админку в таком же виде, как и в визуальном редакторе */
.htmlDataBlock ol {margin:10px 0 10px 2em !important;padding:0px !important;}
.htmlDataBlock ul {margin:10px 0 10px 7px !important;padding:0px !important;}
.htmlDataBlock ol li {padding:0px !important;margin:3px 0px !important;list-style-type: decimal;}
.htmlDataBlock ul li {margin:3px 0px !important;}
.htmlDataBlock p { margin:1em 0; }

body {
background: #d5d5d5 url('{ASSETS_IMAGES_PATH}bg_silver.jpg') no-repeat center top;
}
.wrapper {
width: 750px;
margin: 40px auto;
text-align:center;
}
#carousel {
margin: 0 0 30px 0;
width: 735px;
position:relative;
}
#carousel ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
#carousel li {
font-size: 40px;
color: #999;
text-align: center;
width: 232px;
height: 178px;
padding: 0;
margin: 6px;
display: block;
float: left;
background: transparent url('{ASSETS_IMAGES_PATH}carousel_polaroid.png') no-repeat 0 0;
position:relative;
}
#carousel li img {
width:201px;
height:127px;
margin-top:14px;
}

#carousel li a {
width:201px;
height:127px;
position:absolute;
display:block;
z-index:2;
top:14px;
left:16px;
background: transparent url('{ASSETS_IMAGES_PATH}carousel_shine.png') no-repeat 0 0;
text-indent:-999em;
}
.clearfix {
float: none;
clear: both;
}

#carousel .prev, #carousel .next {
margin-left: 10px;
width:15px;
height:21px;
display:block;
text-indent:-999em;
background: transparent url('{ASSETS_IMAGES_PATH}carousel_control.png') no-repeat 0 0;
position:absolute;
top:70px;
}
#carousel .prev {
background-position:0 0;
left:-30px;
}
#carousel .prev:hover {
left:-31px;
}
#carousel .next {
background-position: -18px 0;
right:-20px;
}
#carousel .next:hover {
right:-21px;
}
#carousel .pager {
margin:0 auto;
text-align: center;
}
#carousel .pager a {
margin: 0 5px 0 0;
text-decoration: none;
display:inline-block;
width:8px;
height:8px;
background: transparent url('{ASSETS_IMAGES_PATH}carousel_control.png') no-repeat -2px -32px;
text-indent:-999em;
}
#carousel .pager a.selected {
text-decoration: underline;
background: transparent url('{ASSETS_IMAGES_PATH}carousel_control.png') no-repeat -12px -32px;
}

/ Отправляет ошибку на сервер, для того чтобы служба тех поддержки могла разобраться в проблеме как можно быстрее.
function sendError (desc, page, line) {
var img=document.createElement('img');
img.src = 'http://storeland.ru/...IComponent(desc)+'&page='+encodeURIComponent(window.location)+'&line=0';
img.style.position = 'absolute';
img.style.top = '-9999px';

try { document.getElementsByTagName('head').appendChild(img) } catch (e){}
return false;
}

// Форматирует цену
function number_format(number,decimals,dec_point,thousands_sep){var n=number,prec=decimals;var toFixedFix=function(n,prec){var k=Math.pow(10,prec);return(Math.round(n*k)/k).toString();};n=!isFinite(+n)?0:+n;prec=!isFinite(+prec)?0:Math.abs(prec);var sep=(typeof thousands_sep==='undefined')?',':thousands_sep;var dec=(typeof dec_point==='undefined')?'.':dec_point;var s=(prec>0)?toFixedFix(n,prec):toFixedFix(Math.round(n),prec);var abs=toFixedFix(Math.abs(n),prec);var _,i;if(abs>=1000){_=abs.split(/\D/);i=_[0].length%3||3;_[0]=s.slice(0,i+(n<0))+
_[0].slice(i).replace(/(\d{3})/g,sep+'$1');s=_.join(dec);}else{s=s.replace('.',dec);}
var decPos=s.indexOf(dec);if(prec>=1&&decPos!==-1&&(s.length-decPos-1)<prec){s+=new Array(prec-(s.length-decPos-1)).join(0)+'0';}
else if(prec>=1&&decPos===-1){s+=dec+new Array(prec).join(0)+'0';}
return s;}

// Превращает поле пароля в текстовое поле и обратно
// @LinkObject - ссылка по которой кликнули
// @InputObject - объект у которого нужно изменить тип поля
function ChangePasswordFieldType (LinkObject, InputObject) {
var
// Ссылка по которой кликнули
LObject = $(LinkObject),
// Объект у которого изменяем тип с password на text
IObject = $(InputObject),
// Старый текст ссылки
txtOld = LObject.text(),
// Новый текст ссылки
txtNew = LObject.attr('rel');

// Если объекты не получены, завершим работу функции
if( LObject.length==0 || IObject.length==0 ) {
return false;
}

// Изменяем у ссылки текст со старого на новый
LObject.html(txtNew);
// Старый текст ссылки сохраняем в атрибуте rel
LObject.attr('rel', txtOld);

// Изменяем тип input поля
if(IObject[0].type == 'text') {
IObject[0].type = 'password';
} else {
IObject[0].type = 'text';
}
}

// Крутит изображение при обновлении картинки защиты от роботов
function RefreshImageAction(img,num,cnt) {
if(cnt>13) {
return false;
}

$(img).attr('src', $(img).attr('rel') + 'icon/refresh/' + num + '.gif');
num = (num==6)?0:num;
setTimeout(function(){RefreshImageAction(img, num+1, cnt+1);}, 50);
}

$(document).ready(function(){
// Кнопки на сайте если подгружен модуль Jquery.UI
if(typeof($('input:submit, input.button').button) == "function" ) {
$('input:submit, input.button').button();
}

// Отправка формы по Ctrl+Enter
$('form').bind('keypress', function(e){
if((e.ctrlKey) && ((e.which==10)||(e.which==13))) {$(this).submit();}
// Отправка данных формы по нажатию на Enter в случае если курсор находится в input полях (В некоторых браузерах при нажатии по enter срабатывает клик по первому submit полю, которое является кнопкой назад. Для этого написан этот фикс)
}).find('input').bind('keypress', function(e){
if(((e.which==10)||(e.which==13))) { try{$(this.form).submit();} catch(e){} return false; }
});

// Валидация формы на странице оформления заказа, а так же формы на страницы связи с администрацией
$('.order form, .feedbackForm, .clientForm, .goodsDataOpinionAddForm').submit(function(){
if($(this).valid()) {
SubmitButton = $(this).find('input:submit, button:submit').attr('disabled', true);
setTimeout('SubmitButton.attr("disabled", false);', 10000);
}
}).validate();

// В форме оформления заказа при клике на кнопку назад просто переходим на предыдущую страницу
$('.order form input:submit[name="toprev"]').click(function(){
var act = this.form.action;
this.form.action = act + ( act.indexOf( '\?' ) > -1 ? '&' : '?' ) + 'toprev=1';
this.form.submit();
return false;
});

// Настройки галереи изображений
$.nyroModalSettings({
// из всех элементов с атрибут rel="gallery" будем создавать галерею
gallery: 'gallery',
// Включаем прокрутку с последнего изображения на первое
galleryLoop: true
});

// Увеличение изображение при клике на него и открытие галереи изображений
$('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(){

// Идентификатор главной картинки
var goodsImageId = $('.goodsDataMainImage input').attr("rel"),

// Маленькое изображение, по которому на самом деле будем кликать
goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a');

// Для иконки изображения запустим галерею
goodsImageIconElement.nyroModalManual();
return false;
});

// Добавление товара в корзину через ajax
$('.goodsDataForm, .goodsToCartFromCompareForm').submit(function(){
$(this).nyroModalManual({
formIndicator: 'ajax_q', // Value added when a form is sent
minWidth: 420, // Minimum width
minHeight: 150, // Minimum height
gallery: null // Gallery name if provided
});
return false;
});

// Изменение главного изображения товара при нажатии на миниатюру
$('.goodsDataMainImagesIcon a').click(function(){
// Путь к среднему изображению
var MediumImageUrl = $(this).find('img').attr('rel'),

// Главное изображение, в которое будем вставлять новое изображение
MainImage = $('.goodsDataMainImage img'),

// В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений
MainImageIdObject = $('.goodsDataMainImage input'),

// Получаем идентификатор этого изображения из соседнего input поля
GoodsImageIconId = $(this).parent().find('input').attr("rel");

// Изменяем главное изображение
MainImage.attr('src',MediumImageUrl);

// Изменяем идентификатор главного изображения
MainImageIdObject.attr("rel",GoodsImageIconId);

return false;
});

// Функция собирает свойства в строку, для определения модификации товара
function getSlugFromGoodsDataFormModificationsProperties(obj) {
var properties = new Array();
$(obj).each(function(i){
properties[i] = parseInt($(this).val());
});
return properties.sort(function(a,

{return a - b}).join('_');
}

var
// Запоминаем поля выбора свойств, для ускорения работы со значениями свойств
goodsDataProperties = $('form.goodsDataForm select[name="form[properties][]"]'),

// Запоминаем блоки с информацией по модификациям, для ускорения работы
goodsDataModifications = $('div.goodsDataMainModificationsList');

// Обновляет возможность выбора свойств модификации, для отключения возможности выбора по характеристикам модификации которой не существует.
function updateVisibility (y) {
// Проверяем в каждом соседнем поле выбора модификаций, возможно ли подобрать модификацию для указанных свойств
goodsDataProperties.each(function(j){
// Если мы сравниваем значения свойства не с самим собой, а с другим списком значений свойств
if( j != y ) {
// Проходим по всем значениям текущего свойства модификации товара
$(this).find('option').each(function(){
// Записываем временный массив свойств, которые будем использовать для проверки существования модификации
var checkProperties = new Array();
$(goodsDataProperties).each(function(i){
checkProperties[i] = parseInt($(this).val());
});
// Пытаемся найти модификацию соответствующую выбранным значениям свойств
checkProperties[j] = parseInt($(this).attr('value'));
// Собираем хэш определяющий модификацию по свойствам
slug = checkProperties.sort(function(a,

{return a - b}).join('_');
// Ищем модификацию по всем выбранным значениям свойств товара. Если модификации нет в возможном выборе, отмечаем потенциальное значение выбора как не доступное для выбора, т.к. такой модификации нет.
if(!goodsDataModifications.filter('[rel="'+slug+'"]').length) {
$(this).attr('disabled', true);
// Если выбрав данное значение свойства товара можно подобрать модификацию, то выделяем вариант выбора как доступный.
} else {
$(this).attr('disabled', false);
}
});
}
});
}
// Обновляем возможность выбора модификации товара по свойствам. Для тех свойств, выбор по которым не возможен, отключаем такую возможность.
// Проверяем возможность выбора на всех полях кроме первого, чтобы отключить во всех остальных варианты, которые не возможно выбрать
updateVisibility (0);
// Проверяем возможность выбора на всех полях кроме второго, чтобы в первом поле так же отключилась возможность выбора не существующих модификаций
updateVisibility (1);

// Изменение цены товара при изменении у товара свойства для модификации
goodsDataProperties.each(function(y){
$(this).change(function(){
var slug = getSlugFromGoodsDataFormModificationsProperties(goodsDataProperties),
modificationBlock = goodsDataModifications.filter('[rel="'+slug+'"]'),
modificationId = parseInt(modificationBlock.find('[name="id"]').val()),
modificationArtNumber = modificationBlock.find('[name="art_number"]').val(),
modificationPriceNow = parseFloat(modificationBlock.find('[name="price_now"]').val()),
modificationPriceNowFormated = modificationBlock.find('.price_now_formated').html(),
modificationPriceOld = parseFloat(modificationBlock.find('[name="price_old"]').val()),
modificationPriceOldFormated = modificationBlock.find('.price_old_formated').html(),
modificationRestValue = parseFloat(modificationBlock.find('[name="rest_value"]').val()),
modificationDescription = modificationBlock.find('.description').html(),
modificationMeasureId = parseInt(modificationBlock.find('[name="measure_id"]').val()),
modificationMeasureName = modificationBlock.find('[name="measure_name"]').val(),
modificationMeasureDesc = modificationBlock.find('[name="measure_desc"]').val(),
modificationMeasurePrecision = modificationBlock.find('[name="measure_precision"]').val(),
modificationIsHasInCompareList= modificationBlock.find('[name="is_has_in_compare_list"]').val(),
goodsModificationId = $('.goodsDataMainModificationId'),
goodsPriceNow = $('.goodsDataMainModificationPriceNow'),
goodsPriceOld = $('.goodsDataMainModificationPriceOld'),
goodsAvailable = $('.goodsDataMainModificationAvailable'),
goodsAvailableTrue = goodsAvailable.find('.available-true'),
goodsAvailableFalse = goodsAvailable.find('.available-false'),
goodsArtNumberBlock = $('.goodsDataMainModificationArtNumber'),
goodsArtNumber = goodsArtNumberBlock.find('span');
goodsCompareAddButton = $('.goodsDataCompareButton.add');
goodsCompareDeleteButton = $('.goodsDataCompareButton.delete');
goodsModDescriptionBlock = $('.goodsDataMainModificationsDescriptionBlock');

// Изменяем данные товара для выбранных параметров. Если нашлась выбранная модификация
if(modificationBlock.length) {
// Цена товара
goodsPriceNow.html(modificationPriceNowFormated);

// Старая цена товара
if(modificationPriceOld>modificationPriceNow) {
goodsPriceOld.html(modificationPriceOldFormated);
} else {
goodsPriceOld.html('');
}

// Есть ли товар есть в наличии
if(modificationRestValue>0) {
goodsAvailableTrue.show();
goodsAvailableFalse.hide();
// Если товара нет в наличии
} else {
goodsAvailableTrue.hide();
goodsAvailableFalse.show();
}
// Если товар есть в списке сравнения
if(modificationIsHasInCompareList>0) {
goodsCompareAddButton.hide();
goodsCompareDeleteButton.show();
// Если товара нет в списке сравнения
} else {
goodsCompareAddButton.show();
goodsCompareDeleteButton.hide();
}

// Покажем артикул модификации товара, если он указан
if(modificationArtNumber.length>0) {
goodsArtNumberBlock.show();
goodsArtNumber.html(modificationArtNumber);
// Скроем артикул модификации товара, если он не указан
} else {
goodsArtNumberBlock.hide();
goodsArtNumber.html('');
}

// Описание модификации товара. Покажем если оно есть, спрячем если его у модификации нет
if(modificationDescription.length > 0) {
goodsModDescriptionBlock.show().html('<div>' + modificationDescription + '</div>');
} else {
goodsModDescriptionBlock.hide().html();
}

// Идентификатор товарной модификации
goodsModificationId.val(modificationId);
} else {
// Отправим запись об ошибке на сервер
sendError('no modification by slug '+slug);
alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
}

// Обновляем возможность выбора другой модификации для текущих значений свойств модификации товара.
updateVisibility(y);
});
});

// Кнопка добавления товара на сравнение сравнения товаров
$('.goodsDataCompareButton').click(function(){
window.location.href = $(this).attr('rel') +
($(this).attr('rel').indexOf( '\?' ) > -1 ? '&' : '?') +
'id='+
$('.goodsDataMainModificationId').val()+
'&from='+
$('input[name="form[goods_from]"]').val();
return false;
});

// Сравнение товаров. Увеличение изображение при клике на ссылку увеличения и открытие галереии с изображениями этого товара
$('.CompareGoodsImageZoom').click(function(){

// Галлерея фотографий для данной модификации товаров
var galleryBlock = $('.galleryBlock' + $(this).attr('rel')),

// Главное изображение товара, которое сейчас стоит у товара
galleryMainImage = $('.CompareGoodsImageMain' + $(this).attr('rel')),

// Изображение по которому нужно кликнуть в галлерее изображений
ImageIngallery = galleryBlock.find('.CompareGoodsImageGallery'+galleryMainImage.attr('rel'));

// Запускаем галлерею изображений от изображения товара, чтобы если например кликнули по гайке, то и открылись гайка, а не еще какой-либо изображение этого товара
ImageIngallery.nyroModalManual({
gallery: 'gallery' + $(this).attr('rel')
});

return false;
});

// Сравнение товаров. Инвертирование свойств для сравнения товара
$('.CompareCheckbox.invert').click(function(){
var checked = true,
checkboxes = $('.CompareCheckbox:not(.invert)');

checkboxes.each(function(){
if($(this).attr('checked')) {
checked = false;
return false;
}
});

checkboxes.each(function(){
$(this).attr('checked', checked);
});

$(this).attr('checked', checked);
});

// Сравнение товаров. Скрытие характеристик товара, которые выделил пользователь
$('.CompareGoodsHideSelected').click(function(){

$('.CompareGoodsTableTbodyComparisonLine').each(function(){
var CheckedCheckbox = $(this).find('.CompareCheckbox:checked:not(.invert)');
if(CheckedCheckbox.length>0) {
$(this).hide();
}
});

// отменяем выделение характеристик товаров
$('.CompareCheckbox').attr('checked',false);

return false;
});

// Сравнение товаров. Отображение скрытых характеристик товара
$('.CompareGoodsShowAll').click(function(){
$('.CompareGoodsTableTbodyComparisonLine:hidden').show();
return false;
});

// Сравнение товаров. Верхняя навигация изменение фильтра на отображение всех характеристик товаров
$('.CompareGoodsTableFilterShowAll').click(function(){
$('.CompareGoodsTableFilterSelected').removeClass('CompareGoodsTableFilterSelected');
$('.CompareGoodsTableTbodyComparisonLine:hidden').show();

$(this).addClass('CompareGoodsTableFilterSelected');
return false;
});

// Сравнение товаров. Фильтр в верхней навигации. Отображение только различающихся характеристик товара
$('.CompareGoodsTableFilterShowOnlyDifferent').click(function(){
$('.CompareGoodsTableFilterSelected').removeClass('CompareGoodsTableFilterSelected');
$('.CompareGoodsTableTbodyComparisonLine:not(.same)').show();
$('.CompareGoodsTableTbodyComparisonLine.same').hide();

$(this).addClass('CompareGoodsTableFilterSelected');
return false;
});

// Сравнение товаров. При наведении на строку сравнения, она выделяется цветом
$('.CompareGoodsTableTbodyComparisonLine').hover(
function () { $(this).addClass('hover'); },
function () { $(this).removeClass('hover'); }
);

// При клике по строке выделяем свойство
$('.CompareGoodsTableTbodyComparisonLine td:not(.ceil1)').click(function(){
var CompareCheckbox = $(this).parent().find('.CompareCheckbox');

if(CompareCheckbox.attr('checked')) {
CompareCheckbox.attr('checked', false);
} else {
CompareCheckbox.attr('checked', true);
}
});

// Форма регистрации нового пользователя, действие ссылки "показать пароль"
$('.clientForm .showPass').click(function(){
ChangePasswordFieldType(this, $('#sites_client_pass'));
return false;
});

// Форма регистрации нового пользователя, при оформлении заказа
$('.OrderShowPass').click(function(){
ChangePasswordFieldType(this, $('#contactPassWord'));
return false;
});

// При вводе пароля с caps lockом, покажет блок с сообщением для пользователя
$('#sites_client_pass, #contactPassWord').capslock({
caps_lock_on:function(){$("#caps_lock").show();},
caps_lock_off:function(){$("#caps_lock").hide();}
});

// При оформлении заказа дадим возможность зарегистрироваться пользователю
$('#contactWantRegister').click(function(){
if($(this).attr("checked")) {
$('.contactRegisterNeedElement').show();
$('#contactEmail, #contactPassWord').addClass('required');
} else {
$('.contactRegisterNeedElement').hide();
$('#contactEmail, #contactPassWord').removeClass('required');
}
});

// Добавление отзыва о товаре. Рейтинг
if(typeof($('.goodsDataOpinionTableRating').stars) == "function" ) {
$('.goodsDataOpinionTableRating').stars({
inputType: "input",
split: 2,
captionEl: $(".goodsDataOpinionMsg"),
cancelShow: false
});
}

// Список отзывов о товаре. Ссылка на отображение формы для добавление отзыва о товаре
$('.goodsDataOpinionShowAddForm').click(function(){
if(0 == $('#goodsDataOpinionAddBlock:visible').length) {
$('#goodsDataOpinionAddBlock').show('blind');
} else {
$('#goodsDataOpinionAddBlock').hide('blind');
return false;
}
});

// Добавление отзыва о товаре. кнопка reset скрывающая форму добавления отзыва о товаре
$('.goodsDataOpinionAddForm input:reset').click(function(){
$('#goodsDataOpinionAddBlock').hide('blind');
});

// Иконка для обновления изображение капчи
$('.goodsDataOpinionCaptchaRefresh').click(function(){
RefreshImageAction(this,1,1);
$('.goodsDataOpinionCaptchaImg').attr('src',$('.goodsDataOpinionCaptchaImg').attr('src')+'&rand'+Math.random(0,10000));
return false;
});

// Фильтры по товарам. При нажании на какую либо характеристику или свойство товара происходит фильтрация товаров
$('.contentTbodySearchFilterBlock input').click(function(){
$(this)[0].form.submit();
});

// Действия при выборе варианта доставки на этапе оформления заказа
$('.deliveryRadio').click(function(){

// Если текущая выделенная зона доставки не относится к выбранному варианту доставки, снимаем выделение с зоны доставки
if($('.deliveryZoneRadio:checked').attr('deliveryid') != $(this).val()) {
$('.deliveryZoneRadio:checked').click().attr('checked', false);
}
});

// Действия при выборе зоны внутри варианта доставки на этапе оформления заказа
$('.deliveryZoneRadio').click(function(){

var
deliveryId = $(this).attr('deliveryid')
,deliveryZonePrice = $(this).parent().find('.deliveryZonePrice')
,deliveryTbody = $('.orderStageDeliveryListTable tbody[rel="' + deliveryId + '"]')
,deliveryBlock = deliveryTbody.find('#deliveryId' + deliveryId)
,deliveryZonePriceBlock = deliveryTbody.find('.orderStageDeliveryZonePrice')
,deliveryDefaultPriceBlock = deliveryTbody.find('.orderStageDeliveryDefaultPrice')
;

// Если этот пункт уже выбран, при повторном клике пользователь видимо хочет снять выделение зоны доставки
if('true' == $(this).attr('rel')) {
$(this).attr('checked', false);
$(this).attr('rel', 'false');

// Показываем цену по умолчанию
deliveryDefaultPriceBlock.show();
// Скрываем цену образованную от зоны
deliveryZonePriceBlock.hide();

// Отмечаем у всех радио баттонов зон доставки свойство говорящее что они не отмечены
} else {
$('.deliveryZoneRadio').attr('rel', 'false');
$(this).attr('rel', 'true');

// Показываем цену по умолчанию
deliveryDefaultPriceBlock.hide();
// Скрываем цену образованную от зоны
deliveryZonePriceBlock.show().html(deliveryZonePrice.html());

// Выделяем вариант доставки к которому относится зона доставки
deliveryBlock.attr('checked', true);
}

});

$("#deliveryConvenientDate").datepicker({
dayNames : ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'],
dayNamesMin : ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб' ],
closeText : 'Готово',
currentText : 'Сегодня' ,
duration : '',
monthNames : ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
monthNamesShort : ['Янв','Фев','Март','Апр','Май','Июнь','Июль','Авг','Сен','Окт','Ноя','Дек'],
yearRange : "-6:+6",
dateFormat : 'dd.mm.yy',
minDate : new Date(),
firstDay : 1
});
});

Наверх

#16 lis383

Пользователь

Пользователи
31 сообщений

Отправлено 01 Декабрь 2012 - 14:24

Очень жаль, что никто не хочет помочь.....

Наверх

#17 support 2.0

Активный участник

Модераторы
4 950 сообщений

Отправлено 01 Декабрь 2012 - 14:34

lis383 (01 Декабрь 2012 - 14:24) писал:

Очень жаль, что никто не хочет помочь.....

Лучше не выкладывать так вод шаблонов, так получилось все в куче. Если Вы хотите чтобы мы посмотрели Ваш код, выложите его в архиве, по разным файлам. Но в данном случае я не вижу смысла этого делать, т.к. для того чтобы установить галерею у нас и так есть весь его код. А по поводу решения вопроса по его работоспособности сейчас попробую Вам помочь

Наверх

#18 support 2.0

Активный участник

Модераторы
4 950 сообщений

Отправлено 01 Декабрь 2012 - 14:49

lis383 (01 Декабрь 2012 - 14:24) писал:

Очень жаль, что никто не хочет помочь.....

я нашла проблему почему у Вас не работает слайдер
Замените
<script type="text/javascript" language="javascript" src="{FORALL_JS_PATH}jquery.carouFredSel-5.2.3-packed.js"></script>
на

<script type="text/javascript" language="javascript" src="{ASSETS_JS_PATH}jquery.carouFredSel-5.2.3-packed.js"></script>

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

<div id="carousel">
<ul>
		 <li><img src="{ASSETS_IMAGES_PATH}имя изображения" alt="" /><a href="#"></a></li>
		 <li><img src="{ASSETS_IMAGES_PATH}имя изображения" alt="" /><a href="#"></a></li>
		 <li><img src="{ASSETS_IMAGES_PATH}имя изображения" alt="" /><a href="#"></a></li>
		 <li><img src="{ASSETS_IMAGES_PATH}имя изображения" alt="" /><a href="#"></a></li>
					
</ul>
<div class="clearfix"></div>
<!-- prev and next button -->
<a id="prev" class="prev" href="#"><</a>
<a id="next" class="next" href="#">></a>
<!-- pagination -->
<div id="pager" class="pager"></div>
</div>
<script type="text/javascript" language="javascript">
$(function() {
$('#carousel ul').carouFredSel({
prev: '#prev',
next: '#next',
pagination: "#pager",
auto: true,
scroll: 1000,
pauseOnHover: true
});
});
</script>

из шаблона HTML и вставьте его в шаблон Товары после первой строчки

<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a>

Чтобы убрать серый фон в файле main.css найдите блок и уберите его

body {
background: #d5d5d5 url('/web/upload/assets/images/152/151370/bg_silver.jpg') no-repeat center top;
}

Еще удалите изображения, которые Вы загружали для данного слайдера, кроме стрелочек (carousel_control.png) - этот файл нужно оставить/

Точки возле изображений ставятся потому, что у вас возле пунктов меню они тоже ставятся.

#primaryContent ul li {
background: url(/web/upload/assets/images/152/151370/square_bullet.gif) no-repeat 0 0.4em;
padding-left: 15px;
}

файл main.css вот этот блок их выводит.

Сообщение отредактировал support 2.0: 01 Декабрь 2012 - 15:32

Наверх

#19 lis383

Пользователь

Пользователи
31 сообщений

Отправлено 01 Декабрь 2012 - 15:24

Вы просто профи!!! Спасибо!! Может фон просто удалить? И большое расстояние между картинками и правой прокруткой...

Наверх

#20 support 2.0

Активный участник

Модераторы
4 950 сообщений

Отправлено 01 Декабрь 2012 - 16:08

lis383 (01 Декабрь 2012 - 15:24) писал:

Вы просто профи!!! Спасибо!! Может фон просто удалить? И большое расстояние между картинками и правой прокруткой...

Я Вам и говорила что нужно удалить этот блок, чтобы не было серого фона

body {
background: #d5d5d5 url('/web/upload/assets/images/153/152581/bg_silver.jpg') no-repeat center top;
}

Чтобы изменить расстояние, найдите в файле main.css вот этот блок

#carousel {
margin: 0 0 30px 0;
width: 735px;
position: relative;
}

и замените на этот

#carousel {
margin: 0 0 30px 0;
width: 520px;
position: relative;
}

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