Логотип , Категории , Фильтр
#1
Отправлено 04 Апрель 2013 - 05:48
Нужна помощь в трех вопросах!
Сайт: http://оптимусшоп.рф
Не буду много писать , лучше покажу.
1. Как сделать на сайте подобное. ( Модель , Механизм , Балее Бренды там идут )
2. Логотип сделал, как поставить рядом с ним отдельный текс с определенным шрифтом или картинки с прозрачным фоном.
3. Самое важное , как сделать такой фильтр сразу по всем товарам магазина.
вот их сайт http://swissexpert.ru
Свой сайт делал 1 день, так что извините если что не так)
Спасибо за внимание.
С нетерпением жду ответов и способов решения.
С Уважение Ларин!
#2
Отправлено 04 Апрель 2013 - 06:38
2) Пожалуйста, вставьте логотип на вашем сайте, чтобы можно было понять о чем идет речь.
3) К сожалению, фильтры можно реализовать только в рамках активной категории. По всему сайту фильтры реализовать нельзя.
#3
Отправлено 04 Апрель 2013 - 06:50
Про фильтры ОЧЕНЬ ПЛОХО просто ОЧЕНЬ плохо!!! Это одна из самых важных вещей в ИМ. Для экономии времени и удобства!
#4
Отправлено 04 Апрель 2013 - 07:17
optimushop (04 Апрель 2013 - 06:50) писал:
Про фильтры ОЧЕНЬ ПЛОХО просто ОЧЕНЬ плохо!!! Это одна из самых важных вещей в ИМ. Для экономии времени и удобства!
Не совсем понятно куда именно вы хотите вставить текст. Но для примера можно так:
Найдите в шаблоне HTML код:
<div class="logotype">и замените его на:
<div class="logotype"><div style=" font: 15px arial black; ">пример текста</div>
#6
Отправлено 04 Апрель 2013 - 11:04
optimushop (04 Апрель 2013 - 10:53) писал:
#7
Отправлено 04 Апрель 2013 - 11:06
#9
Отправлено 04 Апрель 2013 - 11:23
#10
Отправлено 04 Апрель 2013 - 11:57
optimushop (04 Апрель 2013 - 11:23) писал:
При условии, что у вас будут такие категории как на скриншоте (Японские, Швейцарские, Мужские, Женские)
Найдите код в шаблоне HTML:
<div class="logotype">И после него вставьте код:
{% FOR catalog %} <a href="{catalog.URL}" {% IF catalog.NAME=Швейцарские %} style="position:absolute;margin-top:10px;margin-left:182px;" {% ELSEIF catalog.NAME=Мужские %} style="position:absolute;margin-top:10px; margin-left:282px;" {% ELSEIF catalog.NAME=Женские %} style="position:absolute;margin-top:50px;margin-left:182px;" {% ELSEIF catalog.NAME=Японские %} style="position:absolute;margin-top:50px; margin-left:282px;" {% ELSE %} style="display:none;" {% ENDIF %} >{catalog.NAME}</a> {% ENDFOR %}Таким образом у вас получиться четыре блока. Дальше только отрегулировать расположение свойствами margin-top и margin-left.
И внести стили к тексту.
#11
Отправлено 04 Апрель 2013 - 12:26
#12
Отправлено 04 Апрель 2013 - 13:07
optimushop (04 Апрель 2013 - 12:26) писал:
Примерно так:
{% FOR catalog %} <a href="{catalog.URL}" class="logo_a" {% IF catalog.NAME=Швейцарские %} style="position:absolute;margin-top:10px;margin-left:182px;" {% ELSEIF catalog.NAME=Мужские %} style="position:absolute;margin-top:10px; margin-left:282px;" {% ELSEIF catalog.NAME=Женские %} style="position:absolute;margin-top:50px;margin-left:182px;" {% ELSEIF catalog.NAME=Японские %} style="position:absolute;margin-top:50px; margin-left:282px;" {% ELSE %} style="display:none;" {% ENDIF %} >{catalog.NAME}</a> {% ENDFOR %}
И добавьте в main.css в конец файла код:
.logo_a {font-family:arial;font-size:20px;font-style:italic;color:white;}Подробнее о шрифтах и стилях текста вы можете найти тут - http://htmlbook.ru/css/font
#14
Отправлено 05 Апрель 2013 - 13:45
В файле "main.css".
Найти код:
<a href="http://xn--h1aieccdmfl5c.xn--p1ai/catalog/Мужские" class="logo_a" style="position:absolute;margin-top:50px; margin-left:650px;">Мужские</a> <a href="http://xn--h1aieccdmfl5c.xn--p1ai/catalog/Женские" class="logo_a" style="position:absolute;margin-top:330px;margin-left:200px;">Женские</a> <a href="http://xn--h1aieccdmfl5c.xn--p1ai/catalog/Японские" class="logo_a" style="position:absolute;margin-top:330px; margin-left:650px;">Японские</a> <a href="http://xn--h1aieccdmfl5c.xn--p1ai/catalog/Женские-2" class="logo_a" style="position:absolute;margin-top:330px;margin-left:200px;">Женские</a> <a href="http://xn--h1aieccdmfl5c.xn--p1ai/catalog/Швейцарские" class="logo_a" style="position:absolute;margin-top:50px;margin-left:170px;">Швейцарские</a> <a href="http://xn--h1aieccdmfl5c.xn--p1ai/catalog/Мужские-2" class="logo_a" style="position:absolute;margin-top:50px; margin-left:650px;">Мужские</a>Заменить:
<a href="http://xn--h1aieccdmfl5c.xn--p1ai/catalog/Мужские" class="logo_a" style="position: relative;top: -10em;left: 0em; ">Мужские</a> <a href="http://xn--h1aieccdmfl5c.xn--p1ai/catalog/Женские" class="logo_a" style="position: relative;left: -4em;top: -3em;">Женские</a> <a href="http://xn--h1aieccdmfl5c.xn--p1ai/catalog/Японские" class="logo_a" style="position: relative; top: -8em;left: -8em;">Японские</a> <a href="http://xn--h1aieccdmfl5c.xn--p1ai/catalog/Женские-2" class="logo_a" style="position: relative;left: -12em;top: -5em;">Женские</a> <a href="http://xn--h1aieccdmfl5c.xn--p1ai/catalog/Швейцарские" class="logo_a" style="position: relative;left: 4em;top: -8em;">Швейцарские</a> <a href="http://xn--h1aieccdmfl5c.xn--p1ai/catalog/Мужские-2" class="logo_a" style="position: relative;top: -6em; left: -2em;">Мужские</a>
#15
Отправлено 05 Апрель 2013 - 16:01
Смотри!
Кстате и кода у меня такого не было!!!))
Вот мой код
{% FOR catalog %} <a href="{catalog.URL}" class="logo_a" {% IF catalog.NAME=Швейцарские %} style="position:absolute;margin-top:50px;margin-left:170px;" {% ELSEIF catalog.NAME=Мужские %} style="position:absolute;margin-top:50px; margin-left:650px;" {% ELSEIF catalog.NAME=Женские %} style="position:absolute;margin-top:330px;margin-left:200px;" {% ELSEIF catalog.NAME=Японские %} style="position:absolute;margin-top:330px; margin-left:650px;" {% ELSE %} style="display:none;" {% ENDIF %} >{catalog.NAME}</a> {% ENDFOR %}
#16
Отправлено 05 Апрель 2013 - 16:08
В файле "HTML".
Найти код:
{% FOR catalog %} <a href="{catalog.URL}" class="logo_a" {% IF catalog.NAME=Швейцарские %} style="position:absolute;margin-top:50px;margin-left:170px;" {% ELSEIF catalog.NAME=Мужские %} style="position:absolute;margin-top:50px; margin-left:650px;" {% ELSEIF catalog.NAME=Женские %} style="position:absolute;margin-top:330px;margin-left:200px;" {% ELSEIF catalog.NAME=Японские %} style="position:absolute;margin-top:330px; margin-left:650px;" {% ELSE %} style="display:none;" {% ENDIF %} >{catalog.NAME}</a> {% ENDFOR %}Заменить:
{% FOR catalog %} <a href="{catalog.URL}" class="logo_a" {% IF catalog.NAME=Швейцарские %} style="position: relative;top: -10em;left: 0em; " {% ELSEIF catalog.NAME=Мужские %} style="position: relative;top: -10em;left: 0em;" {% ELSEIF catalog.NAME=Женские %} style="position: relative;left: -4em;top: -3em;" {% ELSEIF catalog.NAME=Японские %} style="position: relative; top: -8em;left: -8em;" {% ELSE %} style="display:none;" {% ENDIF %} >{catalog.NAME}</a> {% ENDFOR %}
#17
Отправлено 05 Апрель 2013 - 16:11
и по 2 раза Женские Мужские!
А слова должны быть сначало Швецарские потом Мужские и ниже Женские Японские!
#18
Отправлено 05 Апрель 2013 - 16:25
#19
Отправлено 05 Апрель 2013 - 16:44
Вот код:
Цитата
<a href="{catalog.URL}" class="logo_a" {% IF catalog.NAME=Швейцарский %} style="position: relative;top: -11em;left: -8.5em; " {% ELSEIF catalog.NAME=Мужские %} style="position: relative;top: -11em;left: 18.5em;"
{% ELSEIF catalog.NAME=Женские %} style="position: relative;left: 0.5em;top: -3em;" {% ELSEIF catalog.NAME=Японский %} style="position: relative; top: -3em;left: 9.5em;" {% ELSE %} style="display:none;" {% ENDIF %} >{catalog.NAME}</a>
{% ENDFOR %}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных