Перейти к содержимому


Логотип , Категории , Фильтр


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 39

#1 optimushop

optimushop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 102 сообщений

Отправлено 04 Апрель 2013 - 05:48

Доброе утро всем.
Нужна помощь в трех вопросах!
Сайт: http://оптимусшоп.рф

Не буду много писать , лучше покажу.
help.jpg


1. Как сделать на сайте подобное. ( Модель , Механизм , Балее Бренды там идут )
2. Логотип сделал, как поставить рядом с ним отдельный текс с определенным шрифтом или картинки с прозрачным фоном.
3. Самое важное , как сделать такой фильтр сразу по всем товарам магазина.
вот их сайт http://swissexpert.ru

Свой сайт делал 1 день, так что извините если что не так)
Спасибо за внимание.
С нетерпением жду ответов и способов решения.
С Уважение Ларин!

#2 Vaccina

Vaccina

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

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

Отправлено 04 Апрель 2013 - 06:38

1) Это можно реализовать используя простые категории. Модель и Механизм будут корневыми категориями, а все вложенные части их под категориями.
2) Пожалуйста, вставьте логотип на вашем сайте, чтобы можно было понять о чем идет речь.
3) К сожалению, фильтры можно реализовать только в рамках активной категории. По всему сайту фильтры реализовать нельзя.

#3 optimushop

optimushop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 102 сообщений

Отправлено 04 Апрель 2013 - 06:50

Логотип стоит!
Про фильтры ОЧЕНЬ ПЛОХО просто ОЧЕНЬ плохо!!! Это одна из самых важных вещей в ИМ. Для экономии времени и удобства!

#4 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 04 Апрель 2013 - 07:17

Просмотр сообщенияoptimushop (04 Апрель 2013 - 06:50) писал:

Логотип стоит!
Про фильтры ОЧЕНЬ ПЛОХО просто ОЧЕНЬ плохо!!! Это одна из самых важных вещей в ИМ. Для экономии времени и удобства!

Не совсем понятно куда именно вы хотите вставить текст. Но для примера можно так:
Найдите в шаблоне HTML код:
<div class="logotype">
и замените его на:
<div class="logotype"><div style="
	font: 15px arial black;
">пример текста</div>


#5 optimushop

optimushop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 102 сообщений

Отправлено 04 Апрель 2013 - 10:53

Пример тут вот их сайт http://swissexpert.ru

#6 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 04 Апрель 2013 - 11:04

Просмотр сообщенияoptimushop (04 Апрель 2013 - 10:53) писал:

Пример тут вот их сайт http://swissexpert.ru
Для того, чтобы вставить весь текст как на том сайте - это займет большое количество времени. Может вам лучше заказать у нас дизайн? (http://storelandlab.ru/service)

#7 optimushop

optimushop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 102 сообщений

Отправлено 04 Апрель 2013 - 11:06

С чего вы взяли что это займет много времени? вставить 4 слава ссылками!!!! беда

#8 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 04 Апрель 2013 - 11:20

Просмотр сообщенияoptimushop (04 Апрель 2013 - 11:06) писал:

С чего вы взяли что это займет много времени? вставить 4 слава ссылками!!!! беда

Возможно я вас не совсем поняла. Объясните какие именно ссылки вы не понимаете как вставить? Так как на примера сайта их гораздо больше

#9 optimushop

optimushop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 102 сообщений

Отправлено 04 Апрель 2013 - 11:23

Видете логотип на их сайте " Часы " и на моем сайте такой же логотип. У них во круг "часов" текст с ссылками - " Швейцарский механизм " Мужские часы " Женские часы " Японский механизм " хотелось бы осуществить так же и у меня.

#10 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 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.
И внести стили к тексту.

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

  • в админке.jpg


#11 optimushop

optimushop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 102 сообщений

Отправлено 04 Апрель 2013 - 12:26

Как мне определенный " Свой шрифт " задать словам.

#12 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 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

#13 optimushop

optimushop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 102 сообщений

Отправлено 05 Апрель 2013 - 11:38

Все сделал вчера!
А сегодня захожу слова мои сместились(((
В чем может быть проблема?????????????????????

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

  • text.png


#14 Koderhan

Koderhan

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

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

Отправлено 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 optimushop

optimushop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 102 сообщений

Отправлено 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 Koderhan

Koderhan

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

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

Отправлено 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 optimushop

optimushop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 102 сообщений

Отправлено 05 Апрель 2013 - 16:11

Смотри

и по 2 раза Женские Мужские!

А слова должны быть сначало Швецарские потом Мужские и ниже Женские Японские!

#18 Koderhan

Koderhan

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

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

Отправлено 05 Апрель 2013 - 16:25

Вы можете изменить вручную значения у top и left и изменять расположение блоков.

#19 optimushop

optimushop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 102 сообщений

Отправлено 05 Апрель 2013 - 16:44

ВСе я сделал. Но есть вопрос почему такой разброс цифр ?? на одном расстоянии а цифры разные и нечего если я там писал "целыми" например 8.5 ?
Вот код:


Цитата

{% FOR catalog %}

                                                                                                  <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 %}


#20 optimushop

optimushop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 102 сообщений

Отправлено 05 Апрель 2013 - 16:54

Еще один вопрос как сделать вот так?

" Модель " - это Каталог товаров на сайте!

Есть возможность сделать еще 1 каталог или скрыть категории в стандартном каталоге и сделать отдельно такой блок и вписать слова с ссылками )))

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

  • katagorii.jpg





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных