Помогите С Переделкой Дизайна
#1
Отправлено 31 Декабрь 2013 - 05:49
Зарегистрировались с партнером у Вас на платформе, пытаемся переделать дизайн под себя. Просим совета по коду, как и куда вставить код, чтобы получились желаемые результаты.
сайт: http://spozone.storeland.ru/
Итак, на главной:
1) Перенос слогана "Высокие результаты доступны каждому" в шапку сайта справа от логотипа и изменить шрифт (подобрать интересный вообщем-то).
2) Добавить видеоплеер на главную после всех блоков и как регулировать его местоположение?
3) Как вставить модули под контекстную рекламу?
4) Как организовать дополнительные меню с выводом на новые страницы?
5) Стандартный слайдер после 2 дней работы перестал отображаться с JS ошибкой. Также нашел как ограничить слайдер по высоте, но как регулировать по ширине не нашел, прошу подсказать.
6) Дублировать слайдер после вставки плеера.
7) Можно ли организовать дополнительные блоки на главной? Похожие на те что есть, только вообщем-то другие названия.
На страничке товаров:
1) При переходе на вкладку с описанием происходит JS ошибка.
2) Также интересует вставка видеоплеера после описания.
Пока на этом все.
Заранее благодарен.
#2
Отправлено 31 Декабрь 2013 - 08:11
Pimonov_Aleksey (31 Декабрь 2013 - 05:49) писал:
Зарегистрировались с партнером у Вас на платформе, пытаемся переделать дизайн под себя. Просим совета по коду, как и куда вставить код, чтобы получились желаемые результаты.
сайт: http://spozone.storeland.ru/
Итак, на главной:
1) Перенос слогана "Высокие результаты доступны каждому" в шапку сайта справа от логотипа и изменить шрифт (подобрать интересный вообщем-то).
2) Добавить видеоплеер на главную после всех блоков и как регулировать его местоположение?
3) Как вставить модули под контекстную рекламу?
4) Как организовать дополнительные меню с выводом на новые страницы?
5) Стандартный слайдер после 2 дней работы перестал отображаться с JS ошибкой. Также нашел как ограничить слайдер по высоте, но как регулировать по ширине не нашел, прошу подсказать.
6) Дублировать слайдер после вставки плеера.
7) Можно ли организовать дополнительные блоки на главной? Похожие на те что есть, только вообщем-то другие названия.
На страничке товаров:
1) При переходе на вкладку с описанием происходит JS ошибка.
2) Также интересует вставка видеоплеера после описания.
Пока на этом все.
Заранее благодарен.
1) Найдите код в шаблоне HTML -
<h2 id="title">Высокие результаты доступны каждому</h2>и удалите
Далее найдите код в шаблоне HTML -
<div id="header-right">и перед ним добавьте -
<div id="slogan" ><h2 id="title">Высокие результаты доступны каждому</h2></div>В конец style.css добавьте -
#slogan{ position: relative; display: table; float: left; margin-top: 42px; z-index: 30; }
Подключение не стандартных шрифтов -
http://forum.storela...фты/#entry38399
http://forum.storela...фты/#entry74267
2) Подобные вопросы рассматривались в темах -
http://forum.storela...ить-видео-клип/
http://forum.storela...новка-jwplayer/
3) Уточните где у Вас должна быть реклама?
4) Вертикальное, горизонтальное, ссылки на категории каталога или страницы?
5) У Вас не загружено изображение slide2.jpg.
#3
Отправлено 31 Декабрь 2013 - 16:57
1. Как удалить сверху "контакты для связи" вместе с полоской сверху, хочу контакты в самой шапке прописать.
2. Как гор. меню поставить в самый верх и посередине, и какие цифры в коде отвечают за расположение гор.меню.
3. Как панель "поиск" сделать в виде небольшого прямоугольника и расположить с краю справа в шапке, и какие цифры в коде отвечают за данное расположение панели поиска.
4. Как "корзину" сделать в виде небольшого прямоугольника и расположить с краю справа в шапке под панелью поиска, и какие цифры в коде отвечают за данное расположение "корзины".
Заранее благодарен!
#4
Отправлено 02 Январь 2014 - 03:13
#5
Отправлено 02 Январь 2014 - 11:32
nail (31 Декабрь 2013 - 16:57) писал:
1. Как удалить сверху "контакты для связи" вместе с полоской сверху, хочу контакты в самой шапке прописать.
2. Как гор. меню поставить в самый верх и посередине, и какие цифры в коде отвечают за расположение гор.меню.
3. Как панель "поиск" сделать в виде небольшого прямоугольника и расположить с краю справа в шапке, и какие цифры в коде отвечают за данное расположение панели поиска.
4. Как "корзину" сделать в виде небольшого прямоугольника и расположить с краю справа в шапке под панелью поиска, и какие цифры в коде отвечают за данное расположение "корзины".
Заранее благодарен!
1.найдите данный блок кода в шаблоне HTML
<div class="rght"> <ul style="height:60px;"> <li class="title">Контакты для связи:</li> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
Замените ее на
<div class="rght"> <ul style="height:60px;"> <li class="title"></li> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
далее найдите данный код в шаблоне main.css:
#header .blocks .rght { float:left; margin:0 0 0 0; background:url({ASSETS_IMAGES_PATH}haeder-bg.png) top right no-repeat; width:358px; height:110px; }замените его на
#header .blocks .rght { float:left; margin:0 0 0 0; top right no-repeat; width:358px; height:110px; }
далее найдите код:
#header .blocks .cntr { float:left; background:url({ASSETS_IMAGES_PATH}haeder-bgx.png) repeat-x; width:628px; height:20px; }замените на
#header .blocks .cntr { float:left; repeat-x; width:628px; height:20px; }
2.В файле main.css найдите данный блок кода:
#panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; }замените его на
#panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; position:absolute; top:13px;}За отступ сверху отвечает значение top:13px; , вы таже можете добавить отступ слева , добавив туда тэг left:1px ;
3. Найдите данный блок кода в main.css:
#panelsite div.centercol .search input.text { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:546px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default; }
замените его на:
#panelsite div.centercol .search input.text { float:left; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width: 60px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default; }
далее найдите блок кода:
#panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:749px; height:41px; padding:10px 0 0 0px;}и замените его на
#panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width: 255px; height:41px; padding:10px 0 0 0px; position: absolute; top: 140px; right: 450px;}
аналогичная ситуация про расположение, только добавлен отступ от правого края.
4. Найдите данный блок кода:
#panelsite div.rightcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) -12px 0 no-repeat; width:241px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; }замените его на:
#panelsite div.rightcol { width: 244px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; position: absolute; top: 202px; right: 451px;}
#7
Отправлено 03 Январь 2014 - 20:46
nail (03 Январь 2014 - 18:29) писал:
<div class="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="text" name="q" /> <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif" /> </div> </form> </div>удалите его из того места и поставьте его ПЕРЕД
</div> <!-- Шапка сайта-Конец -->
теперь в main.css найдите
#panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url({ASSETS_IMAGES_PATH}) no-repeat; width: 255px; height:41px; padding:10px 0 0 0px; position: absolute; top: 30px; right: 10px;} #panelsite div.centercol .search input.text { float:left; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width: 60px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default; } #panelsite div.centercol .search input.button { float:left; background:url({ASSETS_IMAGES_PATH}) -682px -10px no-repeat; width:59px; height:30px; } #panelsite div.centercol .search input.button:hover { background:url({ASSETS_IMAGES_PATH}) -749px -10px no-repeat; }замените на
#header .search { float:left; margin: 11px 20px 0px 145px; background: url({ASSETS_IMAGES_PATH}) no-repeat; width:749px; height:41px; padding:10px 0 0 0px;} #header .search input.text { float:left; background: url({ASSETS_IMAGES_PATH}) 0px 0px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width: 546px; height: 30px; padding: 0px 5px 0px 5px; line-height:30px; cursor:default; margin-top: -10px;} #header .search input.button { float:left; background: url({ASSETS_IMAGES_PATH}) -682px -10px no-repeat; width:59px; height:30px; } #header .search input.button:hover { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -749px -10px no-repeat; }осталось загрузить прикрепленный файл
в шаблоне HTMl найдите блок
<div class="rightcol cartInfo"> <a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a> <ul onclick="document.location='{CART_URL}';"> {% IF cart_count_empty %} <li class="default off">Товаров на:</li> <li class="money cartSum">0 {CURRENCY_NAME}</li> {% ELSE %} {% FOR cart_sum %} <li class="default">Товаров на:</li> <li class="hover">Заказать на:</li> <li class="money cartSum">{cart_sum.NOW_WITH_DISCOUNT | money_format}</li> {% ENDFOR %} {% ENDIF %} </ul> </div>удалите его и ПЕРЕД
</div> <!-- Шапка сайта-Конец -->вставьте этот блок
<div class="rightcol cartInfo"> <a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a> <ul onclick="document.location='{CART_URL}';"> {% IF cart_count_empty %} <li class="default off">Товаров на:</li> <li class="money cartSum">0 {CURRENCY_NAME}</li> {% ELSE %} {% FOR cart_sum %} <li class="default">Товаров на:</li> <li class="hover">Заказать на:</li> <li class="money cartSum">{cart_sum.NOW_WITH_DISCOUNT | money_format}</li> {% ENDFOR %} {% ENDIF %} </ul> </div>
в main.css найдите
#panelsite div.rightcol { width: 244px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; position: absolute; top: 70px; right: 1px;} #panelsite div.rightcol a { font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none; } #panelsite div.rightcol a img { float:left; } #panelsite div.rightcol ul { margin:0 0 0 15px; float:left;padding:20px 0;cursor:pointer; } #panelsite div.rightcol ul li { margin:5px 0 0 0; } #panelsite div.rightcol ul:hover li.default { display:none; } #panelsite div.rightcol ul:hover li.off { display:block; } #panelsite div.rightcol ul li.hover { display:none; } #panelsite div.rightcol ul:hover li.hover { display:block; color:#1e5d77; } #panelsite div.rightcol ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }замените на
#header div.rightcol {width: 213px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; position: absolute; top: 70px; margin-left: 790px; } #header div.rightcol a { font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none; } #header div.rightcol a img { float:left; } #header div.rightcol ul { margin:0 0 0 15px; float:left;padding:20px 0;cursor:pointer; } #header div.rightcol ul li { margin:5px 0 0 0; } #header div.rightcol ul:hover li.default { display:none; } #header div.rightcol ul:hover li.off { display:block; } #header div.rightcol ul li.hover { display:none; } #header div.rightcol ul:hover li.hover { display:block; color:#1e5d77; } #header div.rightcol ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }также в main.css найдите и удалите строчки
#panelsite div.centercol { background:url({ASSETS_IMAGES_PATH}) repeat-x; width:747px;: }
#panelsite div.leftcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) no-repeat; width:12px; }
далее найдите
/*Верхняя панель сайта*/ #panelsite { height:104px; width:100%; margin-top: 180px;}замените на
/*Верхняя панель сайта*/ #panelsite { height:0px; width:100%; margin-top: 180px;}замените строчку
panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; position:absolute; top:3px; left: 190px;}на
panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; position:absolute; top:3px; margin-left: -10px;}Поиск я поставила на свое усмотрение, если Вы все же хотите такой же как у Вас на скриншоте, его можно будет поставить, напишите только об этом.
#8
Отправлено 07 Январь 2014 - 00:28
у меня шаблон сияние
#9
Отправлено 07 Январь 2014 - 11:00
Сайт: http://spozone.storeland.ru/
1) Перенести лозунг в шапку удалось успешно.
2) Шрифты - скачал нужный шрифт, закачал через сайт в файлы, не понял как его активировать, чтобы только в шапке он активировался, а в теле сайта остался тем же. Вставил перед тегом head следующий код:
<style type="text/css">
@font-face {
font-family: 'Lobster';
src: url('{ASSETS_IMAGES_PATH}http://st.storeland....Lobster.ttf.eot');
src: url('{ASSETS_IMAGES_PATH}http://st.storeland.....ttf.eot?#iefix') format('embedded-opentype'),
url('{ASSETS_IMAGES_PATH}http://st.storeland....obster.ttf.woff') format('woff'),
url('{ASSETS_IMAGES_PATH}http://st.storeland....Lobster.ttf.ttf') format('truetype'),
url('{ASSETS_IMAGES_PATH}http://st.storeland....g#cuprumregular') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
Однако ничего не изменилось, что сделал неправильно и что нужно изменить?
3) Вставка видеоплеера: почитал ветку форума о вставке различных плееров встраиваемых, но это немного не то, чего бы я хотел, возможно ли вставить кодом html с помощью ссылки "<iframe код видео с ютуба" форму видеоплеера в необходимое место сайта?
4) Реклама должна быть на главной после блоков наподобие "товары на главной странице" и на странице товара снизу от блока "рекомендуем ознакомится с ...." который также необходимо вставить на страничке товара.
5) Вертикальное меню наподобие каталог продукции после блока недавно просмотренные товары содержащее ссылки на другой сайт со статьями или на созданную страничку статьи в интернет-магазине.
6) Также возможно ли уменьшить размер картинок товаров с описанием, так чтобы была возможность вставки с правой стороны сайдбара?
7) Как изменить название блока "товары на главной" и при необходимости создать дополнительные блоки располагающиеся после блока "товары на главной"?
8) Как вставить в подвал модули статистики лайв интернета, яндекс метрики, гугла?
9) Как вставить на страничке товара модуль "поделиться в социальных сетях"?
Вот как то так.
Заранее благодарен.
#10
Отправлено 08 Январь 2014 - 06:29
3. У нас имеется тема по вставке самого кода от видео на youtube:
http://forum.storela...видео-о-товаре/
4.Необходимо рекламный блок вставлять в шаблонах HTML и Товар, в первом случае после:
<!-- /Список избранных товаров на главной --> <script type="text/javascript"> $('.autumnshowcase_carousel') </script> </div>во втором после:
</div> {% ENDIF %} <!-- END С этим товаром смотрят -->
5. пункты меню будете размешать в разделе Сайт - Меню или вы хотите вручную ссылки заносить через код?
6.размеры изображений вы можете изменить в разделе Настройки - Основные
7.В шаблоне HTML найдите и измените данную фразу и после товарного блока разместите необходимый блок.
8.счетчики вы можете вставить в разделе Настройки - Основные
9. В шаблоне Товар, где именно вы хотите его расположить?
Keks (02 Январь 2014 - 03:13) писал:
Подобная тема обсуждалась у нас на форуме, вы можете ознакомиться с ней перейдя по сл.ссылке:
http://forum.storela...едении-курсора/
#11
Отправлено 08 Январь 2014 - 09:03
Vaccina (08 Январь 2014 - 06:29) писал:
3. У нас имеется тема по вставке самого кода от видео на youtube:
http://forum.storela...видео-о-товаре/
4.Необходимо рекламный блок вставлять в шаблонах HTML и Товар, в первом случае после:
<!-- /Список избранных товаров на главной --> <script type="text/javascript"> $('.autumnshowcase_carousel') </script> </div>во втором после:
</div> {% ENDIF %} <!-- END С этим товаром смотрят -->
5. пункты меню будете размешать в разделе Сайт - Меню или вы хотите вручную ссылки заносить через код?
6.размеры изображений вы можете изменить в разделе Настройки - Основные
7.В шаблоне HTML найдите и измените данную фразу и после товарного блока разместите необходимый блок.
8.счетчики вы можете вставить в разделе Настройки - Основные
9. В шаблоне Товар, где именно вы хотите его расположить?
Подобная тема обсуждалась у нас на форуме, вы можете ознакомиться с ней перейдя по сл.ссылке:
http://forum.storela...едении-курсора/
type="text/css">
@font-face {
font-family: 'Lobster';
src: url('{ASSETS_IMAGES_PATH}http://st.storeland....Lobster.ttf.eot');
src: url('{ASSETS_IMAGES_PATH}http://st.storeland.....ttf.eot?#iefix') format('embedded-opentype'),
url('{ASSETS_IMAGES_PATH}http://st.storeland....obster.ttf.woff') format('woff'),
url('{ASSETS_IMAGES_PATH}http://st.storeland....Lobster.ttf.ttf') format('truetype'),
url('{ASSETS_IMAGES_PATH}http://st.storeland....g#cuprumregular') format('svg');
font-weight: normal;
font-style: normal;
}То есть ttf.eot., ttf.woff, ничего не вышло..
5. Создал дополнительное меню, как его отобразить на странице сайта и выбрать ему местоположение?
6. Размер картинок изменяется, но они остаются также растянуты на всю ширину сайта. Необходимо вставить блоки справа по аналогии блоков слева и баннеры.
7. С этим разобрался.
8. Добавлю после регистрации домена. Единственное сообщите где он расположиться.
9. Во вкладке описание, после самого описания товара. Также необходимо ниже после вкладок установить подобный блок как на главной, может просто скопировать код с html в шаблон товар с изменением названия блока ? =) Также скажите как активировать карусель?
Благодарю.
#12
Отправлено 09 Январь 2014 - 05:34
Цитата
@font-face { font-family: 'Lobster'; src: url('http://st.storeland.net/2/917/361/Lobster.eot'); src: url('http://st.storeland.net/2/917/361/Lobster.eot?#iefix') format('embedded-opentype'), url('http://st.storeland.net/2/917/361/Lobster.woff') format('woff'), url('http://st.storeland.net/2/917/361/Lobster.ttf') format('truetype'), url('http://st.storeland.net/2/917/361/Lobster.svg#lobster') format('svg'); }
никаких двойных форматов не нужно, после данного подключения не забудьте необходимы элементам задать данный шрифт, чтобы был виден результат, так как от подключения весь шрифт не изменится.
5. В HTML после:
</span> </p> </li> {% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- END Недавно просмотренные товары -->
попробуйте вставить сл.блок:
<div class="block2"> <div class="block-content"> <!-- Каталог товаров --> <ul class="accordion"> {% FOR menu %} {% FOR header123 %} {% FOR links %} <li class=""> <a href="{menu.header123.links.URL}">{menu.header123.links.NAME}</a> </li> {%ENDFOR%} {%ENDFOR%} {%ENDFOR%} </ul> <!-- /Каталог товаров --> </div></div>
header123 это переменная вашего меню созданного, если она у вас иная, то замените.
6. можете указать пример желаемого?
8. в самом низу после "
Все права защищены
Powered by StoreLand"
9. Тогда необходимо вставить модель после сл.кода:
<!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание -->
Можете уточнить, в смысле как на главной? На главной модуля у вас не заметила. Карусель сама по себе активна просто у вас на главной товаров мало поэтому стрелки неактивны.
#13
Отправлено 10 Январь 2014 - 09:30
5) Меню создалось в нужном месте (левый сайтбар) но оно не отображает содержимое, то есть буквы цвета внешнего фона, при наводе мышкой образуется рука, кликабельна. Что сделать чтобы оно проявилось?
6) Пример правого сайтбара =) http://www.ozon.ru/
9) Карусель имелась ввиду не слайдер, а сам блок. Можно ли его сделать, чтобы товары со временем сами начали двигаться, вбить 10 штук товара можно легко. И не понял куда и какой код внести, искал указанный вами код, чтобы вставить вот это:
<div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true"> <ul> {% FOR index_page_goods %} <li class="ajax_block_product item"> <a class="image_link" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}"> <img class="product_image" 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 class="product_details"> <h5><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_goods.NAME}</a></h5> <div class="price_container"> <span class="price">{index_page_goods.MIN_PRICE_NOW | money_format}</span> {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} <span class="old-price">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %} <span class="old-price">{index_page_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div> </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF index_page_goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF index_page_goods.OPINION_RATING_CNT_ALL>0 %} <a href="{index_page_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{index_page_goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <!--a class="exclusive" href="" onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a--> <a class="exclusive" href="#" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a> </form> </li> {% ENDFOR index_page_goods %} </ul> </div> </div> {% ENDIF %} <!-- /Список товаров на главной -->
все верно? Не нашел не в HTML, не в товарах, не в товаре, вообщем сориентируйте пожалуйста.
Благодарю.
#14
Отправлено 21 Январь 2014 - 02:45
5. проверьте пожалуйста индификатор нового меню, у вас прописано header123? при создании меню он указывается, если другой, то необходимо в коде заменить header123 на свой.
6 В шаблоне HTML найдите:
<div class="column two-third">после него вставьте:
<div class="right_side"> тут добавляете баннеры или любую другую необходимую инфу </div>
далее в style.css в самом низу добавьте:
.right_side{ float: right; width: 200px; }9 Что-то окончательно запутали =) Выше я имела ввиду карусель с товарами, она автоматически листается, попробуйте просто больше товаров вбить.
На счет вставки модуля, в шаблоне Товар попробуйте найти по переменной: {GOODS_SEO_DESCRIPTION_LARGE} по сути блок с сео описанием должен выглядеть как в примере выше
#15
Отправлено 08 Февраль 2014 - 15:51
/*search*/
#search{
float: right;
height: 35px;
margin-right: 60px;
padding-right: 15px;
padding-top: 21px;
width: 260px;
} #search .search_box {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
font: 14px Verdana,Geneva,sans-serif;
padding: 8px 0 0 14px;
text-transform: uppercase;
width: 180px;
}
#search .submit {
cursor: pointer;
height: 48px;
width: 48px;
}
/*search*/
Как поднять строку поиска в прямоугольник?
#16
Отправлено 08 Февраль 2014 - 15:58
Keks (08 Февраль 2014 - 15:51) писал:
/*search*/
#search{
float: right;
height: 35px;
margin-right: 60px;
padding-right: 15px;
padding-top: 21px;
width: 260px;
} #search .search_box {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
font: 14px Verdana,Geneva,sans-serif;
padding: 8px 0 0 14px;
text-transform: uppercase;
width: 180px;
}
#search .submit {
cursor: pointer;
height: 48px;
width: 48px;
}
/*search*/
Как поднять строку поиска в прямоугольник?
_vKG-bFqC28.jpg
Попробуйте в шаблоне html следующий код:
<!-- Поиск --> <label> <div id="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" /> <input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" /> <div class="clr"></div> </div> </form> </div> <div class="clr"></div> </label> <!-- end Поиск -->поставить после:
<!-- end Контакты -->
#17
Отправлено 09 Февраль 2014 - 04:59
@lina_va (08 Февраль 2014 - 15:58) писал:
Попробуйте в шаблоне html следующий код:
<!-- Поиск --> <label> <div id="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" /> <input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" /> <div class="clr"></div> </div> </form> </div> <div class="clr"></div> </label> <!-- end Поиск -->поставить после:
<!-- end Контакты -->
#18
Отправлено 22 Февраль 2014 - 04:24
Vaccina (21 Январь 2014 - 02:45) писал:
5. проверьте пожалуйста индификатор нового меню, у вас прописано header123? при создании меню он указывается, если другой, то необходимо в коде заменить header123 на свой.
6 В шаблоне HTML найдите:
<div class="column two-third">после него вставьте:
<div class="right_side"> тут добавляете баннеры или любую другую необходимую инфу </div>
далее в style.css в самом низу добавьте:
.right_side{ float: right; width: 200px; }9 Что-то окончательно запутали =) Выше я имела ввиду карусель с товарами, она автоматически листается, попробуйте просто больше товаров вбить.
На счет вставки модуля, в шаблоне Товар попробуйте найти по переменной: {GOODS_SEO_DESCRIPTION_LARGE} по сути блок с сео описанием должен выглядеть как в примере выше
5) Подскажите где и как найти идентификатор меню;
6) Пока не устанавливал правый сайтбар, нет контента туда;
9) Все работает, просто вбил товар;
Также интересует следующее:
10) Как изменить значок сайта в строке браузера, чтобы вместо пустого места была картинка;
11) Как вставить баннеры партнеров на сайт в определенные места: 1 баннер на главной ниже текста: "
Спортивный портал SpoZone - Высокие технологии в мире спорта"
второй баннер после блока хиты продаж;
Также при наведении на картинки перестало происходить увеличение;
#19
Отправлено 22 Февраль 2014 - 06:25
Pimonov_Aleksey (22 Февраль 2014 - 04:24) писал:
5) Подскажите где и как найти идентификатор меню;
6) Пока не устанавливал правый сайтбар, нет контента туда;
9) Все работает, просто вбил товар;
Также интересует следующее:
10) Как изменить значок сайта в строке браузера, чтобы вместо пустого места была картинка;
11) Как вставить баннеры партнеров на сайт в определенные места: 1 баннер на главной ниже текста: "
Спортивный портал SpoZone - Высокие технологии в мире спорта"
второй баннер после блока хиты продаж;
Также при наведении на картинки перестало происходить увеличение;
Здравствуйте,
2. Добавьте в style.css
#title { font-size: 20px; font-family: Arial; color: #000; }
font-size: 20px; размер
font-family: Arial; шрифт
color: #000; цвет
5. Идентификатор меню вы можете найти в разделе Сайт - Меню
Верхнее {menu.header} Выход на другие ссылки {menu.Vihod} Нижнее {menu.footer}
10. Для изменения значка в строке браузера вам необходимо создать и загрузить на сайт favicon.ico
11. Баннеры на сайте
Баннер в нижней части, после хитов продаж
Редактируем шаблон HTML
Добавляем данный код после 351 строки <!-- /Список избранных товаров на главной -->
<div id="banner"> <a href="#"><img src="#"></a> </div>
Добавляем стили в style.css
#banner { margin-top: 30px; position: relative; height: 200px; max-width: 930px; }
Для того чтобы добавить баннер после текста на главной
Переходим в раздел Сайт - Страницы, редактируем страницу "Спортивный портал SpoZone - Высокие технологии в мире спорта"
Нажимаем кнопку источник и добавляем следующий код
<div id="bannerbot"> <a href="#"><img src="#"></a> </div>
Вместо # указывайте нужные ссылки на страницы и изображения баннеров.
#20
Отправлено 25 Февраль 2014 - 15:05
@lina_va (08 Февраль 2014 - 15:58) писал:
Попробуйте в шаблоне html следующий код:
<!-- Поиск --> <label> <div id="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" /> <input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" /> <div class="clr"></div> </div> </form> </div> <div class="clr"></div> </label> <!-- end Поиск -->поставить после:
<!-- end Контакты -->
http://keksik-bijou.ru
Темы с аналогичным тегами Дизайн, переделка, исправления
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных