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


Рамки И Размеры Картинок В Категориях Товаров

категории товаров

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

#1 Alex538

Alex538

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

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

Отправлено 14 Октябрь 2015 - 23:04

Помогите сделать 3 вещи:
1. Сделать категории товаров по ширине как товары на главной
2. Размер картинок в некоторых браузерах не корректный
3. Можно убрать рамки вокруг категорий товаров?
Аккаунт SL-359649

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

  • Безымянный.png


#2 Vaccina

Vaccina

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

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

Отправлено 15 Октябрь 2015 - 04:07

В main.css найдите:
.categories .cat .cat-img {
	width: 270px;
	height: 270px;
	vertical-align: middle;
	display: table-cell;
	border-width: 1px 1px medium;
	border-style: solid solid none;
	border-color: #E9E9E9 #E9E9E9 -moz-use-text-color;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
}
замените на:
.categories .cat .cat-img {
	width: 290px;
	height: 270px;
	vertical-align: middle;
	display: table-cell;
}

далее найдите:
.categories .cat {
	height: 370px;
	width: 270px;
}
замените на:
.categories .cat {
	height: 370px;
	width: 290px;
}

далее найдите:
.categories .cat .cat-name {
	text-align: center;
	border: 1px solid #E9E9E9;
	height: 80px;
	max-width: 270px;
}
замените на:
.categories .cat .cat-name {
	text-align: center;
	height: 80px;
	max-width: 270px;
}

На счет картинок, в main.css попробуйте удалить:
.Firefox .categories .cat .cat-img img {
	width: 100%;
}


#3 Alex538

Alex538

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

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

Отправлено 15 Октябрь 2015 - 11:16

В Яндекс браузере картинки маленькие, а в эксплорере не пропорциональное
ИзображениеИзображение

#4 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 15 Октябрь 2015 - 11:59

Просмотр сообщенияAlex538 (15 Октябрь 2015 - 11:16) писал:

В Яндекс браузере картинки маленькие, а в эксплорере не пропорциональное
ИзображениеИзображение

Здравствуйте.
Попробуйте сделать следующее.
Зайдите в админ. панель -> Настройки -> Основные, в разделе Изображения категорий измените значение у пункта "Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории".

#5 Alex538

Alex538

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

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

Отправлено 15 Октябрь 2015 - 22:11

Спасибо, все готово

#6 anonim

anonim

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

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

Отправлено 02 Ноябрь 2015 - 12:26

Не корректно отображает цену товара, точнее совсем не отображает. И нужно убрать значек.

И еще вопрос, можно ли над ценой расположить надпись товара

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

  • Конструктор металлоискателя CLONE Pi-W — Opera.jpg
  • уцк.jpg


#7 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 02 Ноябрь 2015 - 12:35

Просмотр сообщенияanonim (02 Ноябрь 2015 - 12:26) писал:

Не корректно отображает цену товара, точнее совсем не отображает. И нужно убрать значек.

И еще вопрос, можно ли над ценой расположить надпись товара

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

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

  • 02-11-2015 12-35-00.png


#8 anonim

anonim

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

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

Отправлено 02 Ноябрь 2015 - 15:47

как же тогда изменить символ рубля на гривну, в настройках валюты я все изменил а знак не меняется?

#9 MikDark

MikDark

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

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

Отправлено 02 Ноябрь 2015 - 15:54

Просмотр сообщенияanonim (02 Ноябрь 2015 - 15:47) писал:

как же тогда изменить символ рубля на гривну, в настройках валюты я все изменил а знак не меняется?

Сделайте бэкап, далее в шаблоне main.css удалите код:
.price:after {
	content: "\f158";
	display: inline-block;
	font-family: FontAwesome;
	font-family: FontAwesome;
	font-weight: 300;
	font-size: 80%;
	line-height: 1;
	margin-left: 5px;
}

так же
.price-box .old-price .price:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	padding: 0 0;
	left: 0px;
	top: 50%;
	margin-top: 1px;
	background: #c8c8c8;
}

Далее в шаблоне Товары найдите код (он повторяется 2 раза):
<div class="price-box">
							<!-- информация для поисковика о валюте товара -->
							<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
							{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
							<p class="old-price">
							  <span class="price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT}</span>
							</p>
							{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
							<p class="old-price">
							  <span class="price">{goods.MIN_PRICE_OLD}</span>
							</p>
							{% ENDIF %}
							<p class="special-price">
							  <span class="price" itemprop="price">{goods.MIN_PRICE_NOW}</span>
							</p>
						  </div>

и замените на:

<div class="price-box">
							<!-- информация для поисковика о валюте товара -->
							<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
							{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
							<p class="old-price">
							  <span class="price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
							</p>
							{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
							<p class="old-price">
							  <span class="price">{goods.MIN_PRICE_OLD | money_format}</span>
							</p>
							{% ENDIF %}
							<p class="special-price">
							  <span class="price" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span>
							</p>
						  </div>

Далее в шаблоне Товары найдите код:
{% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
				 <p class="old-price goodsDataMainModificationPriceOld">
						 <span class="price">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT}</span>
				 </p>
				 {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
				 <p class="old-price goodsDataMainModificationPriceOld">
						 <span class="price">{GOODS_MOD_PRICE_OLD}</span>
				 </p>
				 {% ENDIF %}
				 <p class="special-price goodsDataMainModificationPriceNow" itemprop="price">
						 <span class="price">{GOODS_MOD_PRICE_NOW}</span>

и замените на:

{% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
				 <p class="old-price goodsDataMainModificationPriceOld">
						 <span class="price">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
				 </p>
				 {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
				 <p class="old-price goodsDataMainModificationPriceOld">
						 <span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span>
				 </p>
				 {% ENDIF %}
				 <p class="special-price goodsDataMainModificationPriceNow" itemprop="price">
						 <span class="price">{GOODS_MOD_PRICE_NOW | money_format}</span>






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

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

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