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


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


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

#21 support 2.0

support 2.0

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

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

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

Просмотр сообщенияoptimushop (05 Апрель 2013 - 16:54) писал:

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

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

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

Можете вместо Вашего меню каталога  "Механизм" вставить
	  
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Механизм</a></h2>
					<ul>
				  {% FOR menu %}
			{% FOR categories2 %}
			  {% FOR links %}
				<li class="cat-item"><a href="{menu.categories2.links.URL}" {% IF menu.categories2.links.SELECTED %}class="selected"{%ENDIF%}>{menu.categories2.links.NAME}</a></li>
			  {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}
		  </ul><br />
				  </li>

теперь Вам нужно в разделе сайт -> меню -> создать меню с именем Каталог Механизм и имя каталога в шаблоне напишите categories2
Добавить в него ссылки на категории Японский и Швейцарский

#22 optimushop

optimushop

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

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

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

ВОПРОССС)))


КАк это сделать)) Чтобы работоспособно было)

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

  • poisk.jpg


#23 Сake

Сake

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

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

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

По изображению не совсем понятно что вы имеете в виду. Пожалуйста, объясните по подробнее что вы хотите реализовать.

#24 optimushop

optimushop

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

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

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

Это картинка поиска, нужно ее переместитЬ!

#25 miyako

miyako

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

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

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

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

Это картинка поиска, нужно ее переместитЬ!

Найдите в шаблоне HTML код:
<div class="lft">
и после него вставьте код поиска:
<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>
код поиска у вас может быть другой.

#26 optimushop

optimushop

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

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

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

Нет, нужен другой способ решения! После вставки все ломается .

Вот мой код

Цитата

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

Цитата

  #panelsite div.centercol lable { background:url({ASSETS_IMAGES_PATH}search_bg.png) no-repeat; width:50px; height:51px; float:left; }
      #panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url({ASSETS_IMAGES_PATH}search_bg.png) no-repeat; width:193px; height:23px; padding:4px 0 0 0px;}
        #panelsite div.centercol .search input.text { float:left; background:url({ASSETS_IMAGES_PATH}search_bg.png) 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.button { float:left; background:url({ASSETS_IMAGES_PATH}search_bg.png) -682px -10px no-repeat; width:59px; height:30px; }
        #panelsite div.centercol .search input.button:hover { background:url({ASSETS_IMAGES_PATH}search_bg.png) -749px -10px no-repeat; }


#27 miyako

miyako

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

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

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

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

Нет, нужен другой способ решения! После вставки все ломается .

Вот мой код

Найдите код:
#panelsite div.centercol .search {
float: left;
margin: 11px 0 0 0px;
background: url(http://design.xn--h1aieccdmfl5c.xn--p1ai/search_bg.png) no-repeat;
width: 193px;
height: 23px;
padding: 4px 0 0 0px;
}
и замените на:
#panelsite div.centercol .search {
float: left;
margin: 11px 0 0 0px;
background: url(http://design.xn--h1aieccdmfl5c.xn--p1ai/search_bg.png) no-repeat;
width: 193px;
height: 23px;
padding: 4px 0 0 0px;
position: absolute;
top: 0px;
}


#28 optimushop

optimushop

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

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

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

Да, все отлично! И остался один пока что вопрос)))

Можно ли сделать , что бы автоматически на фото накладывался фон ( рамка )
вот допустим фото
1020013.jpg

а вот рамка
ramka.png

Что бы не менять каждую фотку , а чтобы автоматически выставлялся фон и закруглял как бы этой рамкой фото!
Я надеюсь Вы меня понили )

#29 Koderhan

Koderhan

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

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

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

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

Да, все отлично! И остался один пока что вопрос)))

Можно ли сделать , что бы автоматически на фото накладывался фон ( рамка )
вот допустим фото
Прикрепленный файл 1020013.jpg

а вот рамка
Прикрепленный файл ramka.png

Что бы не менять каждую фотку , а чтобы автоматически выставлялся фон и закруглял как бы этой рамкой фото!
Я надеюсь Вы меня понили )
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
	  #content .box .ulproduct .img img { max-width:135px; max-height:130px; position:relative; z-index:31; }
Заменить:
	  #content .box .ulproduct .img img {
max-width:135px;
max-height:130px;
position:relative;
z-index:31;
border: 1px solid gray;/*цвет бордюра*/
padding: 4px;/*отступ от бордюра до картинки*/
background-color: white;/*фон внутреннего бордюра*/
border-radius: 5px;/*радиус закругления углов*/
}


#30 optimushop

optimushop

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

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

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

Неа не работает!

#31 Koderhan

Koderhan

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

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

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

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

Неа не работает!
Какому изображению вы хотели бы добавить рамки?

#32 optimushop

optimushop

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

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

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

Ко всем изображениям в категориях!

я добавляю квадратную , а на  сайте она в рамке автоматом с закруглением!

#33 Koderhan

Koderhan

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

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

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

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

Ко всем изображениям в категориях!

я добавляю квадратную , а на  сайте она в рамке автоматом с закруглением!

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
	#content .box .tabproduct .img img { max-width:190px; max-height:165px; position:relative; z-index:31; }
Заменить:

   #content .box .tabproduct .img img { 
		max-width:190px;
		max-height:165px;
		position:relative;
		z-index:31;
		border: 1px solid gray;/*цвет бордюра*/
padding: 4px;/*отступ от бордюра до картинки*/
background-color: white;/*фон внутреннего бордюра*/
border-radius: 5px;/*радиус закругления углов*/
		}


#34 optimushop

optimushop

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

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

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

ООО супер , спасибо , от души!

Цитата

#content .box .tabproduct .img img {
                max-width:190px;
                max-height:165px;
                position:relative;
                z-index:31;
                border: 1px solid gray;/*цвет бордюра*/
padding: 1px;/*отступ от бордюра до картинки*/
background-color: white;/*фон внутреннего бордюра*/
border-radius: 15px;/*радиус закругления углов*/
                }

так вообще идеально ))

Еще вопрос , захожу с гаджетов , айфон и айпад, фон не успойчевый , умножается. Если вариант решить эту проблему?

#35 Koderhan

Koderhan

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

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

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

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

ООО супер , спасибо , от души!



так вообще идеально ))

Еще вопрос , захожу с гаджетов , айфон и айпад, фон не успойчевый , умножается. Если вариант решить эту проблему?
Про какой фон идет речь ?

#36 optimushop

optimushop

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

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

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

Полный фон!!!!всей страницы!

Цитата

body {


#37 Vaccina

Vaccina

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

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

Отправлено 09 Апрель 2013 - 01:13

background: url(http://design.xn--h1...xn--p1ai/bg.jpg) #FFFFFF center fixed;
замените на:
background: url(http://design.xn--h1...xn--p1ai/bg.jpg) no-repeat center fixed #FFFFFF ;


#38 optimushop

optimushop

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

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

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

Просмотр сообщенияVaccina (09 Апрель 2013 - 01:13) писал:

background: url(http://design.xn--h1...xn--p1ai/bg.jpg) #FFFFFF center fixed;
замените на:
background: url(http://design.xn--h1...xn--p1ai/bg.jpg) no-repeat center fixed #FFFFFF ;

Так фон весь белый! ((

А вот так отлично, спасибо.
background:url({ASSETS_IMAGES_PATH}bg.jpg) #FFFFFF center fixed no-repeat;


#39 optimushop

optimushop

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

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

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

Не не отлично , на телефоне тупо фон в середине стоит и все , а верх и низ белый!

#40 optimushop

optimushop

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

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

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

Решил вопрос, поменял фон )))




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

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