Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Список Категорий

Автор ntK8OusY, 06 апр. 2014 06:44

категории

Авторизуйтесь для ответа в теме

Сообщений в теме: 14

#1 ntK8OusY

Новичок

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

ГородПермь

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

День добрый, прошу исправить ситуёвину

1. На картинке видно как "прыгает" надпись "перейти в категорию". понятно что картинки могут иметь разный размер, и что !? Прошу сделать надпись внизу по центру и что бы она не налезала на бордюр.....
2. Я создал категорию и прописал ее имя "Проверка-тест-Проверка-тест-Проверка-тест-Проверка-тест-Проверка-тест-Проверка-тест-Проверка-тест-Проверка-тест-Проверка-тест-Проверка-тест-". На картинке видно что этот шаблон делали школьники и ни фига не предусмотрели что длина имен может быть разной и ограничена только полем ввода в админке........разрабам должно быть стыдно за такие проколы, я все больше и больше не понимаю почему я плачу деньги за то что приходится выискивать такие ошибки в дизайне ?!! Прошу сделать так чтобы поле для имени было ограничено 3-я полными строчками, а остальное скрыто, выровнять по центру по горизонтали, и выровнять вверх по вертикали.
3. Необходимо что бы изображение категории как бы "масштабировалось" до размера блока (не обрезались и не уменьшались до неприличия !!!), выровнять по центру блока.

P.S.
просьба не отписываться ссылками типа "посмотри там и сям"....дайте четкие инструкции по принципу "копировать-вставить", вспотел я уже с вашими шаблонами.
проверьте плз. нет ли еще каких "приколов" касаемо списка категорий, может есть что то, что я еще просто не разглядел, дайте знать, совсем не удобно перед клиентами с такими "фишками". :wacko:

Наверх

#2 Alexey11

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

Модератоpы
1 057 сообщений

ГородНижний новгород

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

Здравствуйте, внесли изменения в ваш шаблон. Проверьте пожалуйста.
Сделали фиксированные блоки для имени и блока с кнопкой "перейти в категорию"

Наверх

#3 ntK8OusY

Новичок

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

ГородПермь

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

Зачет!!!.....все ровно

Наверх

#4 Свят

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

Пользователи
246 сообщений

Отправлено 28 Июль 2014 - 22:30

Alexey11 (06 Апрель 2014 - 14:34) писал:

Здравствуйте. А можно и мне такие изменения. А то все прыгает также, подгонял подгонял фото...всё равно не ровно. Спасибо.

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

Наверх

#5 Сake

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

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

Отправлено 29 Июль 2014 - 05:06

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

.tabproduct {
  height: 306px;
  margin: 0.4% 0.1%;
  width: 170px;
}
.categoriesList .tabproduct .title {
  height: 80px;
}
.categoriesList .tabproduct .img {
  height: 160px;
  overflow: hidden;
}

Если вам не подойдет отображение названий категорий, то названия можно будет перенести под изображение.

Наверх

#6 Свят

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

Пользователи
246 сообщений

Отправлено 29 Июль 2014 - 21:00

Сake (29 Июль 2014 - 05:06) писал:

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

.tabproduct {
height: 306px;
margin: 0.4% 0.1%;
width: 170px;
}
.categoriesList .tabproduct .title {
height: 80px;
}
.categoriesList .tabproduct .img {
height: 160px;
overflow: hidden;
}

Если вам не подойдет отображение названий категорий, то названия можно будет перенести под изображение.

Да спасибо так лучше. Вот только я понял это под 4 строки категории и норм. ТОлько вот можно располагать по центру как нибудь. К примеру если только одна строчка она слишком высоко. Спасибо.

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

Наверх

#7 Сake

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

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

Отправлено 30 Июль 2014 - 01:53

Найдите в вашем файле стилей main.css ранее добавленный класс

.categoriesList .tabproduct .title {
  height: 80px;
}

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

.categoriesList .tabproduct .title {
  display: table-cell;
  height: 80px;
  vertical-align: middle;
  width: 170px;
}

Наверх

#8 Свят

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

Пользователи
246 сообщений

Отправлено 30 Июль 2014 - 15:40

Сake (30 Июль 2014 - 01:53) писал:

Найдите в вашем файле стилей main.css ранее добавленный класс

.categoriesList .tabproduct .title {
height: 80px;
}

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

.categoriesList .tabproduct .title {
display: table-cell;
height: 80px;
vertical-align: middle;
width: 170px;
}

Отлично спасибо)))

Наверх

#9 Виолетка

Пользователь

Пользователи
46 сообщений

Отправлено 07 Сентябрь 2014 - 18:55

Добрый вечер! Помогите внести в страницу категории следующие изменения:
Под категорией, чтобы шел фильтр по товарам, потом цена, а потом история просмотров.

И еще как в названии товара изменить цвет с черного на оранжевый.

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

Наверх

#10 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 07 Сентябрь 2014 - 19:06

Виолетка (07 Сентябрь 2014 - 18:55) писал:

Здравствуйте. В разделе Сайт -> Редактор шаблонов -> HTML перенесите блок

<!-- Последние товары, просмотренные пользователем -->
{% IFNOT recently_viewed_goods_empty %}
	 <div class="block history">
	 <div class="title green fmlptn fnt18 over"><a href="#" class="arrow-toggle">История<span> просмотров</span></a></div>
		 <div class="main fntarl txtalgncnt fnt11 ">
				 {% FOR recently_viewed_goods %}
				 <div class="recently clr over ">
					 <div class="recentlyImg fleft padd1">
					 <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
					 </div>
					 <div class="recentlyText fright txtalgnlft valign over" >
					 <a href="{recently_viewed_goods.URL}" class="aunder" style="color:black" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
					 </div>
				 </div>
				 {% ENDFOR %}
		 </div>
	 <div class="bottom"></div>
	 </div>
{% ENDIF %}
<!-- Последние товары, просмотренные пользователем -->

поставив его после

<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

Заменить цвет с черного можно отредактировав файл goods-list-title.jpg на нужный, или в main.css в блоке

.goodlist .title {
background: url(http://tex-br.storeland.net/goods-list-title.jpg) #9e9e9e bottom left repeat-x;
height: 2.25em;
-moz-border-radius: 0.7em;
-webkit-border-radius: 0.7em;
border-radius: 0.7em;
line-height: 2em;
width: 100%;
}

заменить картинку строке

background: url({ASSETS_IMAGES_PATH}goods-list-title.jpg) #9e9e9e bottom left repeat-x;

заменив goods-list-title.jpg на нужную.

Наверх

#11 Виолетка

Пользователь

Пользователи
46 сообщений

Отправлено 08 Сентябрь 2014 - 16:26

Выполнила все в точности. Второе получилось, а первое нет.

Наверх

#12 Vaccina

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

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

Отправлено 09 Сентябрь 2014 - 04:20

уточните пожалуйста, то у вас не получилось? так как по инструкции выше вас просят код просмотренных товаров переместить в конец фильтров

Наверх

#13 Виолетка

Пользователь

Пользователи
46 сообщений

Отправлено 10 Сентябрь 2014 - 09:23

Была не внимательна. Не заметила END поэтому вначале вставила не туда. Сейчас фильтр вверху, но образовалось пустое место после просмотренных товаров. Как его убрать? Можно ли количество просмотренных товаров сократить до 5?

Наверх

#14 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 10 Сентябрь 2014 - 09:51

Виолетка (10 Сентябрь 2014 - 09:23) писал:

Здравствуйте. В HTML замените

  <!-- Последние товары, просмотренные пользователем -->
	{% IFNOT recently_viewed_goods_empty %}
	   <div class="block history">
		<div class="title green fmlptn fnt18 over"><a href="#" class="arrow-toggle">История<span> просмотров</span></a></div>
		  <div class="main fntarl txtalgncnt fnt11 ">
				  {% FOR recently_viewed_goods %}
					<div class="recently clr over ">
					  <div class="recentlyImg fleft padd1">
						<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
					  </div>
					  <div class="recentlyText fright txtalgnlft valign over" >
						<a href="{recently_viewed_goods.URL}" class="aunder" style="color:black" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
					  </div>
				  </div>
				  {% ENDFOR %}
		  </div>
		<div class="bottom"></div>
	  </div>
	{% ENDIF %}
	<!-- Последние товары, просмотренные пользователем -->

на

  <!-- Последние товары, просмотренные пользователем -->
	{% IFNOT recently_viewed_goods_empty %}
	   <div class="block history">
		<div class="title green fmlptn fnt18 over"><a href="#" class="arrow-toggle">История<span> просмотров</span></a></div>
		  <div class="main fntarl txtalgncnt fnt11 ">
				  {% FOR recently_viewed_goods %}
				  {% IF recently_viewed_goods.index > 5 %}{break}
				  {% ENDIF %}
					<div class="recently over ">
					  <div class="recentlyImg fleft padd1">
						<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
					  </div>
					  <div class="recentlyText fright txtalgnlft valign over" >
						<a href="{recently_viewed_goods.URL}" class="aunder" style="color:black" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
					  </div>
				  </div>
				  {% ENDFOR %}
		  </div>
		<div class="bottom"></div>
	  </div>
	{% ENDIF %}
	<!-- Последние товары, просмотренные пользователем -->

Наверх

#15 Виолетка

Пользователь

Пользователи
46 сообщений

Отправлено 10 Сентябрь 2014 - 10:55

Все получилось. Супер!

Наверх

Обратно в Каталог товаров

Темы с аналогичным тегами категории

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Город → Изменение общей стилистики → Изменения Слайдера И Оптимизация Работы С Ним Автор Гость_Николай Невский_* , 14 сент. 2018 слайдер, категории, оптимизация	1 Ответ 3 898 Просмотров	Vaccina 14 сент. 2018
Повышение продаж, продвижение → Платное размещение в поисковиках → Как Изменить Название Категорий Для Яндекс Маркета В Файле Yml Автор Гость_Irina Gutnik_* , 07 мая 2018 яндекс маркет, категории	0 Ответов 2 157 Просмотров	Irina Gutnik 07 мая 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Вечность → Изменение общей стилистики → Выравнивание Сетки Категорий, Шрифты И Несколько Вопросов Автор Гость_chip89_* , 25 февр. 2018 категории, шрифт, слайдер и 1 еще...	2 Ответов 2 395 Просмотров	chip89 28 февр. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Осень → Изменение общей стилистики → Изменить Дизайн Автор Гость_dariaklum_* , 17 дек. 2017 название магазина, лого, шрифт и 1 еще...	2 Ответов 2 640 Просмотров	dariaklum 19 дек. 2017
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Город → Каталог товаров → Картинки Категорий: Изменение Внешнего Вида И Количества Автор Гость_Ash74_* , 23 июня 2016 каталог товаров, категории	Популярная тема 12 Ответов 3 946 Просмотров	cartman 22 янв. 2017

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

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

Список Категорий

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

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

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

Темы с аналогичным тегами категории

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

Войти

Google поиск