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


Каталог


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

#1 Aragon

Aragon

    Новичок

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

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

http://aragonspb.com/catalog
Помогите. Нужно чтобы Список категорий отображался на одном уровне по горизонту с ссылкой Каталог товаров справа
Еще Подскажите над Ссылкой Каталог Товаров  Виджет Соц Сети ... немного неровно... как это поправить ...

#2 Vaccina

Vaccina

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

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

Отправлено 13 Апрель 2012 - 14:28

Цитата

Список категорий отображался на одном уровне по горизонту с ссылкой Каталог товаров справа
редактор тем - main.css
.leftmenu li li a {
	border-bottom: 1px solid #D6D6D6;
	color: #003366;
	display: block;
	font: 15px/25px "Trebuchet MS",Impact,Helvetica,sans-serif;
	padding: 10px;
	text-decoration: none;
}
замените на
.leftmenu li li a {
	border-bottom: 1px solid #D6D6D6;
	color: #003366;
	display: block;
	font: 15px/25px "Trebuchet MS",Impact,Helvetica,sans-serif;
	padding: 10px 10px 10px 0;
	text-decoration: none;
}

Цитата

Виджет Соц Сети ... немного неровно... как это поправить ...
редактор тем - HTML
<div data-yasharequickservices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj" data-yasharetype="none" data-yasharel10n="ru" class="yashare-auto-init">
замените на:
<div style="padding-left:25px" class="yashare-auto-init" data-yasharel10n="ru" data-yasharetype="none" data-yasharequickservices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj">


#3 Aragon

Aragon

    Новичок

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

Отправлено 18 Апрель 2012 - 16:42

Просмотр сообщенияVaccina (13 Апрель 2012 - 14:28) писал:

редактор тем - main.css
.leftmenu li li a {
	border-bottom: 1px solid #D6D6D6;
	color: #003366;
	display: block;
	font: 15px/25px "Trebuchet MS",Impact,Helvetica,sans-serif;
	padding: 10px;
	text-decoration: none;
}
замените на
.leftmenu li li a {
	border-bottom: 1px solid #D6D6D6;
	color: #003366;
	display: block;
	font: 15px/25px "Trebuchet MS",Impact,Helvetica,sans-serif;
	padding: 10px 10px 10px 0;
	text-decoration: none;
}


редактор тем - HTML
<div data-yasharequickservices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj" data-yasharetype="none" data-yasharel10n="ru" class="yashare-auto-init">
замените на:
<div style="padding-left:25px" class="yashare-auto-init" data-yasharel10n="ru" data-yasharetype="none" data-yasharequickservices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj">
Вы меня не совсем так поняли .... Кагда нажамаешь каталог на основном поле высвечиваються ячейки с категориями вот именно они залезают на шапку..
http://aragonspb.com/catalog

#4 Aragon

Aragon

    Новичок

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

Отправлено 18 Апрель 2012 - 16:48

Просмотр сообщенияVaccina (13 Апрель 2012 - 14:28) писал:

редактор тем - main.css
.leftmenu li li a {
	border-bottom: 1px solid #D6D6D6;
	color: #003366;
	display: block;
	font: 15px/25px "Trebuchet MS",Impact,Helvetica,sans-serif;
	padding: 10px;
	text-decoration: none;
}
замените на
.leftmenu li li a {
	border-bottom: 1px solid #D6D6D6;
	color: #003366;
	display: block;
	font: 15px/25px "Trebuchet MS",Impact,Helvetica,sans-serif;
	padding: 10px 10px 10px 0;
	text-decoration: none;
}


редактор тем - HTML
<div data-yasharequickservices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj" data-yasharetype="none" data-yasharel10n="ru" class="yashare-auto-init">
замените на:
<div style="padding-left:25px" class="yashare-auto-init" data-yasharel10n="ru" data-yasharetype="none" data-yasharequickservices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj">





/* Каталог навигации по категориям на странице списка товаров */
.content_catalog_nested_categories li {
  text-align:center;
  float:left;
  width:135px;
  height:135px;
  overflow:hidden;
  padding:1em;
  margin:0px;
  list-style-type:none;
  background:none !important;


Что нужно исправить чтобы он встал на одном уровне или ниже Каталога Товаров

#5 Vaccina

Vaccina

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

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

Отправлено 18 Апрель 2012 - 21:50

Вам необходимо в файл стилей main.css добавить класс

.content_catalog_nested_categories {
  padding-top: 80px;
}


#6 Aragon

Aragon

    Новичок

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

Отправлено 19 Апрель 2012 - 09:39

Спасибо вам огромное ..

#7 kaisyRUS

kaisyRUS

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

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

Отправлено 06 Апрель 2014 - 23:26

Уважаемый суппорт. Подскажите - напомните. В каталоге когда-то давно сделал порядок, по три подкатегории в ряд с рамкой, которая меняет цвет при наведении на неё. Как теперь сделать тоже самое в подкатегории. В поиске найти не могу
И где приписать #bar чтоб при нажатии на ту самую подкатегорию сл.страница открывалась на уровне #bar. Спасибо

#8 Сake

Сake

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

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

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

Якорь лучше следует использовать совместно с идентификатором блока, а не его именем. Попробуйте в шаблоне "Товары" найти строку

<div class="pad-box">

и заменить её на

<div class="pad-box" id="bar">

а ссылку

<a name="bar"></a>

лучше всего удалить.

#9 kaisyRUS

kaisyRUS

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

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

Отправлено 08 Апрель 2014 - 04:14

Просмотр сообщенияkaisyRUS (06 Апрель 2014 - 23:26) писал:

Уважаемый суппорт. Подскажите - напомните. В каталоге когда-то давно сделал порядок, по три подкатегории в ряд с рамкой, которая меняет цвет при наведении на неё. Как теперь сделать тоже самое в подкатегории. В поиске найти не могу
А на этот вопрос ответ?

#10 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

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

Просмотр сообщенияkaisyRUS (08 Апрель 2014 - 04:14) писал:

А на этот вопрос ответ?


Здравствуйте,

В шаблоне "Товары"
Находим на 108 строке:
<li>

Заменяем на:
<li class="withBorder cornerAll">


В файле "main.css".
Найти:
.content_catalog_nested_categories li {
	background: none repeat scroll 0 0 transparent !important;
	float: left;
	height: 190px;/*высота внешнего контейнера*/
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 1em;
	text-align: center;
	width: 190px;
}

Заменить:
.content_catalog_nested_categories li {
	background: none repeat scroll 0 0 transparent !important;
	float: left;
	height: 200px;/*высота внешнего контейнера*/
	list-style-type: none;
	margin: 10px;
	overflow: hidden;
	padding: 1em;
	text-align: center;
	width: 190px;
}


#11 kaisyRUS

kaisyRUS

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

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

Отправлено 08 Апрель 2014 - 21:14

Просмотр сообщенияCastiel (08 Апрель 2014 - 06:36) писал:

Здравствуйте,

В шаблоне "Товары"
Находим на 108 строке:
<li>

Заменяем на:
<li class="withBorder cornerAll">


В файле "main.css".
Найти:
.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
float: left;
height: 190px;/*высота внешнего контейнера*/
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 1em;
text-align: center;
width: 190px;
}

Заменить:
.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
float: left;
height: 200px;/*высота внешнего контейнера*/
list-style-type: none;
margin: 10px;
overflow: hidden;
padding: 1em;
text-align: center;
width: 190px;
}
Сделал. После изменений и главный каталог выровнялся по 2 в ряд -> поставил margin: 0 px -> главный каталог стал как надо, а категорияне хочет. Чаво еще поменять?

#12 Сake

Сake

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

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

Отправлено 09 Апрель 2014 - 00:32

Вам необходимо в шаблоне "Товары" найти следующий код

<!-- Если в категории нет товаров, но есть категории, то отобразим их -->
	  {%IFNOT nested_categories_list_empty %}
		<!-- Блок навигации по категориям, вложенным в текущую категорию -->
		<ul class="content_catalog_nested_categories">
		  {% FOR nested_categories_list %}
			<li class="withBorder cornerAll">
			  <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
			  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
			</li>
		  {% ENDFOR %}
		</ul>
		<br clear="all"/>

и заменить его на

<!-- Если в категории нет товаров, но есть категории, то отобразим их -->
	  {%IFNOT nested_categories_list_empty %}
		<!-- Блок навигации по категориям, вложенным в текущую категорию -->
		<ul class="content_catalog_nested_categories">
		  {% FOR nested_categories_list %}
			<li>
			 <div class="withBorder cornerAll" style="padding:1em">
			  <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
			  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
			</div>
			</li>
		  {% ENDFOR %}
		</ul>
		<br clear="all"/>


#13 kaisyRUS

kaisyRUS

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

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

Отправлено 09 Апрель 2014 - 20:44

Просмотр сообщенияСake (09 Апрель 2014 - 00:32) писал:

Вам необходимо в шаблоне "Товары" найти следующий код

<!-- Если в категории нет товаров, но есть категории, то отобразим их -->
	 {%IFNOT nested_categories_list_empty %}
	 <!-- Блок навигации по категориям, вложенным в текущую категорию -->
	 <ul class="content_catalog_nested_categories">
		 {% FOR nested_categories_list %}
		 <li class="withBorder cornerAll">
			 <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
			 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
		 </li>
		 {% ENDFOR %}
	 </ul>
	 <br clear="all"/>

и заменить его на

<!-- Если в категории нет товаров, но есть категории, то отобразим их -->
	 {%IFNOT nested_categories_list_empty %}
	 <!-- Блок навигации по категориям, вложенным в текущую категорию -->
	 <ul class="content_catalog_nested_categories">
		 {% FOR nested_categories_list %}
		 <li>
			 <div class="withBorder cornerAll" style="padding:1em">
			 <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
			 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
		 </div>
		 </li>
		 {% ENDFOR %}
	 </ul>
	 <br clear="all"/>

Не помогло: подкатегорияпо прежнему в 2 ряда. Надо как в главном каталоге

#14 MikDark

MikDark

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

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

Отправлено 09 Апрель 2014 - 20:48

Просмотр сообщенияkaisyRUS (09 Апрель 2014 - 20:44) писал:

Не помогло: подкатегорияпо прежнему в 2 ряда. Надо как в главном каталоге

В Main.css найдите код:
.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
float: left;
height: 200px;
list-style-type: none;
margin: 0px;
overflow: hidden;
padding: 1em;
text-align: center;
width: 190px;
}

и замените на:
.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
float: left;
height: 200px;
list-style-type: none;
margin: 0px;
overflow: hidden;
padding: 1em;
text-align: center;
width: 187px;
}


#15 kaisyRUS

kaisyRUS

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

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

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

Просмотр сообщенияMikDark (09 Апрель 2014 - 20:48) писал:

В Main.css найдите код:
.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
float: left;
height: 200px;
list-style-type: none;
margin: 0px;
overflow: hidden;
padding: 1em;
text-align: center;
width: 190px;
}

и замените на:
.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
float: left;
height: 200px;
list-style-type: none;
margin: 0px;
overflow: hidden;
padding: 1em;
text-align: center;
width: 187px;
}
То, что надо

#16 Ирина Челябинск

Ирина Челябинск

    Новичок

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

Отправлено 28 Май 2014 - 22:54

Здравствуйте! Можно в "Каталоге товаров" разделы немного отодвинуть друг от друга для наглядности изображения? http://irisik-shop.ru/catalog

#17 Сake

Сake

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

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

Отправлено 29 Май 2014 - 04:28

Добавьте в конец вашего файла стилей main.css следующий стиль

.content_catalog_nested_categories li {
  border: 1px solid #e5e5e5;
  height: 180px;
  margin: 5px;
  overflow: hidden;
  width: 186px;
}





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

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