Переделка Шаблона
#1
Отправлено 19 Февраль 2013 - 19:49
1. Сделал слайдер в шапку, хочу что бы он был по ширине основной части, я так понял что она 960 рх. Это я так понимаю нужно изображения заменить на соответствующий размер. И главное, что бы он отражался на всех страницах сайта, сейчас он почему то только на главной. Как это сделать?
2. Вертикальное меню и корзину опустить под слайдер, на один уровень, не могу этого сделать никак.
http://buket-zacaz.storeland.ru/
#2
Отправлено 19 Февраль 2013 - 20:43
BUKA (19 Февраль 2013 - 19:49) писал:
1. Сделал слайдер в шапку, хочу что бы он был по ширине основной части, я так понял что она 960 рх. Это я так понимаю нужно изображения заменить на соответствующий размер. И главное, что бы он отражался на всех страницах сайта, сейчас он почему то только на главной. Как это сделать?
2. Вертикальное меню и корзину опустить под слайдер, на один уровень, не могу этого сделать никак.
http://buket-zacaz.storeland.ru/
1. У Вас в шаблоне HTML есть вот такой блок
<!-- Nyvo слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /> <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" title="Пример картинки с заголовком" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" /> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script> {% ENDIF %}
уберите в нем
{% IF index_page %}и
{% ENDIF %}
На счет "по ширине основной части" на очень Вас понимаю. Вы хотите, чтобы у Вас слайдер был на месте шапки сайта?
2. Тоже не очень понимаю куда вы хотите это переместить.
Будьте добры, пришлите изображение с тем, как Вы хотите, чтобы это выглядело
#4
Отправлено 20 Февраль 2013 - 08:10
А именно стили у изображений. Иначе стили написанные мной в файл "main.csstemplate" не применяться.
Например:
<img src="http://buket-zacaz.storeland.net/flor1.jpg?0126" alt="" style="width: 960px; visibility: hidden; display: inline-block;">Заменить:
<img src="http://buket-zacaz.storeland.net/flor1.jpg?0126" alt="" >
В файле "main.csstemplate".
Найти код:
#mainNav {position: absolute;left: 5px;bottom: 0; top: 160px; background: url("http://buket-zacaz.storeland.net/nav_bg.jpg") no-repeat;}Заменить:
#mainNav {background: url("http://buket-zacaz.storeland.net/nav_bg.jpg") no-repeat;}
Найти код:
#headerWrap {height: 330px;background: url(http://buket-zacaz.storeland.net/http://buket-zacaz.storeland.net/fon.jpg?6371) repeat-x;}Заменить:
#headerWrap {height: 159px;background: url(http://buket-zacaz.storeland.net/фон.jpg?6805) repeat-x;}
В файле "HTML".
Найти код:
<div style="position: absolute; left: 152px; top: 5px; height: 160px; width: 520px;">Заменить:
<div class="myslider1">
В файл "main.csstemplate".
Добавить код:
.myslider1 { height: 160px; width: 960px; margin: 0 auto; display: block; }
Найти код:
#cartInfo { position:absolute; font-size: 15px; bottom: 6px; right: 10px; top: 288px; }
Заменить:
#cartInfo { position:absolute; font-size: 15px; bottom: 6px; right: 10px; top: 128px; }
#5
Отправлено 20 Февраль 2013 - 08:26
1. Не могу с фоном разобраться, что то надел и не пойму как все вернуть. На картинке залил серым цветом как хотелось бы сделать фон, (фото 1 и 2)
2. Как убрать белые блоки вертикального меню (просто оставить надписи), и отделить их маленькими разделителями черточками.
3. Можно ли как на картинке отделить полосой фон от основного контента, нарисовал как отделить и шапку и подвал, тоже залил все серым.
То что сейчас (фон) его нужно вообще убрать, как не пойму теперь.
#6
Отправлено 20 Февраль 2013 - 09:14
BUKA (20 Февраль 2013 - 08:26) писал:
1. Не могу с фоном разобраться, что то надел и не пойму как все вернуть. На картинке залил серым цветом как хотелось бы сделать фон, (фото 1 и 2)
2. Как убрать белые блоки вертикального меню (просто оставить надписи), и отделить их маленькими разделителями черточками.
3. Можно ли как на картинке отделить полосой фон от основного контента, нарисовал как отделить и шапку и подвал, тоже залил все серым.
То что сейчас (фон) его нужно вообще убрать, как не пойму теперь.
Найдите код в файле main.csstemplate:
#content { width: 960px; margin: 0 auto; }и замените на:
#content { width: 960px; margin: 0 auto; bacground-color: white; }Найдите код:
#contentWrap { clear: both; background: url(http://buket-zacaz.storeland.net/contentWrap_bg.jpg) repeat-x left bottom; }И замените на:
#contentWrap { clear: both; background: url(http://buket-zacaz.storeland.net/contentWrap_bg.jpg) repeat-x left bottom; background-color: red; /*ваш цвет*/ }
#7
Отправлено 20 Февраль 2013 - 13:59
1. Как нарисовано на картинке, отделить основную часть, т е тонкой полосочкой закругленной, как это сделать не понял.
2. А остальное, то что перечеркнул, в том числе и над шапкой, хочу подложить фоновую картинку неподвижную. как это сделать не понимаю, объясните плиз)))
#8
Отправлено 20 Февраль 2013 - 14:21
BUKA (20 Февраль 2013 - 13:59) писал:
1. Как нарисовано на картинке, отделить основную часть, т е тонкой полосочкой закругленной, как это сделать не понял.
2. А остальное, то что перечеркнул, в том числе и над шапкой, хочу подложить фоновую картинку неподвижную. как это сделать не понимаю, объясните плиз)))
Найти код:
#content { width: 960px; margin: 0 auto; }Заменить:
#content { width: 960px; margin: 0 auto; border: 1px solid gray; border-radius: 10px; background-color:white; }Найти код:
/* !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: #000; }Заменить:
/* !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: #000; background: url(адрес_до_изображения) fixed; }
#9
Отправлено 20 Февраль 2013 - 14:44
#10
Отправлено 20 Февраль 2013 - 15:33
#11
Отправлено 20 Февраль 2013 - 18:39
Что и куда загружать, и какой куда код вставлять, подскажите пожалуйста?
Как убрать белые блокиu горизонтального меню (просто оставить надписи), и отделить их маленькими разделителями черточками, как в подвале сайта.
#12
Отправлено 21 Февраль 2013 - 03:30
Далее загрузить и подключить файл jquery.easyAccordion.js как это сделано с файлом main.js
Далее в разделе редактора тем загрузить все изображения из архива
Далее добавить стили в main.css
/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */ .easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0} .easy-accordion dt,.easy-accordion dd{margin:0;padding:0} .easy-accordion dt,.easy-accordion dd{position:absolute} .easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px; /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;} .easy-accordion dd{z-index:1;opacity:0;overflow:hidden} .easy-accordion dd.active{opacity:1;} .easy-accordion dd.no-more-active{z-index:2;opacity:1} .easy-accordion dd.active{z-index:3} .easy-accordion dd.plus{z-index:4} .easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);} /* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */ dd p{line-height:120%} #accordion-1{width:800px;height:245px;padding:30px;background:#fff;border:1px solid #b5c9e8} #accordion-1 dl{width:800px;height:245px} #accordion-1 dt{height:46px;line-height:44px;text-align:right;padding:0 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#fff url(images/slide-title-inactive-1.jpg) 0 0 no-repeat;color:#26526c} #accordion-1 dt.active{cursor:pointer;color:#fff;background:#fff url(images/slide-title-active-1.jpg) 0 0 no-repeat} #accordion-1 dt.hover{color:#68889b;} #accordion-1 dt.active.hover{color:#fff} #accordion-1 dd{padding:25px;background:url(images/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px} #accordion-1 .slide-number{color:#68889b;left:10px;font-weight:bold} #accordion-1 .active .slide-number{color:#fff;} #accordion-1 a{color:#68889b} #accordion-1 dd img{float:right;margin:0 0 0 30px;} #accordion-1 h2{font-size:2.5em;margin-top:10px} #accordion-1 .more{padding-top:10px;display:block} #accordion-2{width:700px;height:195px;padding:30px;background:#fff;border:1px solid #b5c9e8} #accordion-2 h2{font-size:2.5em;margin-top:10px} #accordion-2 dl{width:700px;height:195px} #accordion-2 dt{height:56px;line-height:44px;text-align:right;padding:10px 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#fff url(images/slide-title-inactive-2.jpg) 0 0 no-repeat;color:#26526c} #accordion-2 dt.active{cursor:pointer;color:#fff;background:#fff url(images/slide-title-active-2.jpg) 0 0 no-repeat} #accordion-2 dt.hover{color:#68889b;} #accordion-2 dt.active.hover{color:#fff} #accordion-2 dd{padding:25px;background:url(images/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px} #accordion-2 .slide-number{color:#68889b;left:10px;font-weight:bold} #accordion-2 .active .slide-number{color:#fff} #accordion-2 a{color:#68889b} #accordion-2 dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px} #accordion-3{width:700px;height:195px;padding:30px;background:#fff;border:1px solid #b5c9e8} #accordion-3 h2{font-size:2.5em;margin-top:10px} #accordion-3 dl{width:700px;height:195px} #accordion-3 dt{height:56px;line-height:44px;text-align:right;padding:10px 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#fff url(images/slide-title-inactive-2.jpg) 0 0 no-repeat;color:#26526c} #accordion-3 dt.active{cursor:pointer;color:#fff;background:#fff url(images/slide-title-active-2.jpg) 0 0 no-repeat} #accordion-3 dt.hover{color:#68889b;} #accordion-3 dt.active.hover{color:#fff} #accordion-3 dd{padding:25px;background:url(images/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px} #accordion-3 .slide-number{color:#68889b;left:13px;font-weight:bold} #accordion-3 .active .slide-number{color:#fff} #accordion-3 a{color:#68889b} #accordion-3 dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px}
и изменить все ссылки на изображения на получившиеся ссылки после загрузки изображений.
Далее вместо кода слайдера вставить
<div id="accordion-1"> <dl> <dt>First slide</dt> <dd><h2>This is the first slide</h2><p><img src="images/monsters/img1.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd> <dt>Second slide</dt> <dd><h2>Here is the second slide</h2><p><img src="images/monsters/img2.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd> <dt>One more slide</dt> <dd><h2>One more slide to go here</h2><p><img src="images/monsters/img3.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd> <dt>Another slide</dt> <dd><h2>Another slide to go here</h2><p><img src="images/monsters/img4.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd> <dt>Wow one more</dt> <dd><h2>Unbilievable one more slide here</h2><p><img src="images/monsters/img5.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd> <dt>Last one</dt> <dd><h2>This is definitely the last one</h2><p><img src="images/monsters/img6.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd> </dl> </div>
и изменить тест и пути к изображениям.
Далее в файл main.js(самый конец файла) добавить
$(document).ready(function () { $('#accordion-1').easyAccordion({ autoStart: true, slideInterval: 3000 }); });
#13
Отправлено 21 Февраль 2013 - 16:35
1. Как подвинуть все на места?
2. Как сделать аккордеон по ширине основного контента?
3. Не понял почему цыфры на аккордеоне, не совпадают со вкладками?
4. Можно ли убрать первый слайд, а то он какой то косячный с какими то стрелками.
5. И в который раз спрашиваю как убрать вообще белые прямоугольники вертикального меню, и отделить их (названия) маленькими линиями, как это сделано в подвале.
Цитата
#15
Отправлено 21 Февраль 2013 - 22:01
BUKA (21 Февраль 2013 - 20:11) писал:
1. Как убрать беленькие блоки в вертикальном меню??? И разделить их (надписи маленькими линиями)
2. Как убрать цифры на слайдере, так и не понял (обвел на картинке)
#16
Отправлено 22 Февраль 2013 - 05:21
#17
Отправлено 22 Февраль 2013 - 07:11
Цитата
<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" />
<!-- SEO параметр определяющий главную страницу для фильтрации её дублей -->
{% 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 %}
<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
{% 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" />
<!-- В случае их возникновения JS ошибок, отображаем их владельцу магазина для возможности отладки. Покупатели сообщений о JS ошибках не видят -->
{% IF JAVASCRIPT_BUG_HUNTING_URL %}
<script type="text/javascript" src="{JAVASCRIPT_BUG_HUNTING_URL}"></script>
{% ENDIF %}
<!-- Скрипты которые не нужно менять, грузятся из папки общих файлов -->
<!-- Это собранные в один файл скрипты из файлов:
{FORALL_JS_PATH}jquery-1.4.2.min.js
{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js
{FORALL_JS_PATH}jquery-ui-1.8.4.custom.min.js
{FORALL_JS_PATH}jquery.validate.min.js
{FORALL_JS_PATH}jquery.capslock.min.js
-->
<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 %}
<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
{% 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>
<!-- Загрузка Jquery галереии Nyvo Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.easyAccordion.js"></script>
</head>
<body>
<div style="position: absolute; left: 152px; top: 50px; height: 160px; width: 520px;">
<div id="accordion-1">
<dl>
<dt>Первый слайд</dt>
<dd><h2>Что тут будет?</h2><p><img src="http://buket-zacaz.s.../img1.png?2688" alt="Alt text to go here" />ПРИВЕТ ВСЕМ<br /><a href="http://buket-zacaz.s...catalog/Фрукты" class="more">ФРУКТЫ</a></p></dd>
<dt>Second slide</dt>
<dd><h2>Here is the second slide</h2><p><img src="images/monsters/img2.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd>
<dt>One more slide</dt>
<dd><h2>One more slide to go here</h2><p><img src="images/monsters/img3.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd>
<dt>Another slide</dt>
<dd><h2>Another slide to go here</h2><p><img src="images/monsters/img4.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd>
<dt>Wow one more</dt>
<dd><h2>Unbilievable one more slide here</h2><p><img src="images/monsters/img5.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd>
<dt>Last one</dt>
<dd><h2>This is definitely the last one</h2><p><img src="images/monsters/img6.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd>
</dl>
</div>
</div>
<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_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 %}
<!-- Время работы магазина -->
<!-- Skype номер -->
{% 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 %}
<!-- ICQ номер -->
{% 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>
<!-- end Контакты -->
<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="cartInfo">
<a href="{CART_URL}">в корзине товаров на</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>
<!-- end Корзина -->
</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>
<!-- end Каталог -->
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
{% 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 %}
<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% 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 %}
<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
<!-- Если в тарифном плане подключен модуль новостей -->
{% 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 %}
<!-- end Список новинок на главной -->
<!-- Список хитов продаж на главной -->
{% 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 %}
<!-- end Список хитов продаж на главной -->
<!-- Список товаров на главной -->
{% 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 %}
<!-- end Список товаров на главной -->
{% ENDIF %}
<!-- END Всевозможные списки товаров -->
</td>
</tr>
</table>
</div>
</div >
<!-- Подвал сайта -->
<div id="footer" style="border:0;">
<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 />
</div>
</div>
</body>
</html>
#18
Отправлено 22 Февраль 2013 - 07:22
BUKA (22 Февраль 2013 - 05:21) писал:
Для разделителей
Вам нужно в файл main.csstemplate вставить код:
#mainNav a {border-left: 1px black solid ;} .first a {border-left: 0px !important;}
#19
Отправлено 22 Февраль 2013 - 07:30
BUKA (22 Февраль 2013 - 07:11) писал:
Найдите в файле main.csstemplate код:
#accordion-1 .slide-number { color: #68889b; left: 10px; font-weight: bold; }и заменить на:
#accordion-1 .slide-number { color: #68889b; left: 10px; font-weight: bold; display: none; }
#20
Отправлено 22 Февраль 2013 - 07:53
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных