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


Как Сделать Чтобы Цены Выравнивались По Нижнему Краю?


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

#1 Dmitriy73

Dmitriy73

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

  • Пользователи
  • PipPipPipPip
  • 243 сообщений
  • ГородУльяновск

Отправлено 13 Март 2016 - 18:30

как сделать чтобы цены выравнивались по нижнему краю? и увеличить их размер?

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

  • Снимок.PNG


#2 RayLi

RayLi

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

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

Отправлено 13 Март 2016 - 19:39

Просмотр сообщенияDmitriy73 (13 Март 2016 - 18:30) писал:

как сделать чтобы цены выравнивались по нижнему краю? и увеличить их размер?

Здравствуйте.
Попробуйте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

.goodsListItemName {
	line-height: 1.2em;
	padding: 0px 2px 0px 2px;
	margin: 0px;
	max-height: 3.6em;
	overflow: hidden;
}

И замените его вот этим вот кодом:

.goodsListItemName {
	line-height: 1.2em;
	padding: 0px 2px 0px 2px;
	margin: 0px;
	max-height: 3.6em;
	overflow: hidden;
	height: 50px;
}


#3 Dmitriy73

Dmitriy73

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

  • Пользователи
  • PipPipPipPip
  • 243 сообщений
  • ГородУльяновск

Отправлено 14 Март 2016 - 16:04

Просмотр сообщенияRayLi (13 Март 2016 - 19:39) писал:

Здравствуйте.
Попробуйте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
max-height: 3.6em;
overflow: hidden;
}

И замените его вот этим вот кодом:

.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
max-height: 3.6em;
overflow: hidden;
height: 50px;
}
не работает

#4 Vaccina

Vaccina

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

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

Отправлено 16 Март 2016 - 07:33

В main.css найдите:
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
max-height: 3.6em;
overflow: hidden;
}

замените на:
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
height: 40px;
overflow: hidden;
}

далее найдите:
.goodsListItemBlock a {
color: #BE9E4C;
}

после него пропишите:
.goodsListItemBlock .goodsListItemPriceNew a span {
font-size: 16px;
}

Результат:
123.jpg

#5 Dmitriy73

Dmitriy73

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

  • Пользователи
  • PipPipPipPip
  • 243 сообщений
  • ГородУльяновск

Отправлено 16 Март 2016 - 11:17

Просмотр сообщенияVaccina (16 Март 2016 - 07:33) писал:

В main.css найдите:
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
max-height: 3.6em;
overflow: hidden;
}

замените на:
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
height: 40px;
overflow: hidden;
}

далее найдите:
.goodsListItemBlock a {
color: #BE9E4C;
}

после него пропишите:
.goodsListItemBlock .goodsListItemPriceNew a span {
font-size: 16px;
}

Результат:
Прикрепленный файл 123.jpg
что то у меня не получается

Просмотр сообщенияVaccina (16 Март 2016 - 07:33) писал:

В main.css найдите:
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
max-height: 3.6em;
overflow: hidden;
}

замените на:
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
height: 40px;
overflow: hidden;
}

далее найдите:
.goodsListItemBlock a {
color: #BE9E4C;
}

после него пропишите:
.goodsListItemBlock .goodsListItemPriceNew a span {
font-size: 16px;
}

Результат:
Прикрепленный файл 123.jpg
теперь вообще, на главной странице один размер шрифта цен, а в категориях другой размер

#6 Danil

Danil

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

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

Отправлено 16 Март 2016 - 11:22

Просмотр сообщенияDmitriy73 (16 Март 2016 - 11:17) писал:

что то у меня не получается

теперь вообще, на главной странице один размер шрифта цен, а в категориях другой размер
В конец main.css добавьте
td.goodsListItem > div > a {
	bottom: 5px;
	position: absolute;
	left: 0;
	right: 0;
}
.goodsListItemBlock.withBorder.cornerAll {
	position: relative;
}
При проверке изменений не забудьте очистить кэш браузера.

#7 Dmitriy73

Dmitriy73

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

  • Пользователи
  • PipPipPipPip
  • 243 сообщений
  • ГородУльяновск

Отправлено 16 Март 2016 - 13:34

Просмотр сообщенияDanil (16 Март 2016 - 11:22) писал:

В конец main.css добавьте
td.goodsListItem > div > a {
bottom: 5px;
position: absolute;
left: 0;
right: 0;
}
.goodsListItemBlock.withBorder.cornerAll {
position: relative;
}
При проверке изменений не забудьте очистить кэш браузера.
на главной странице выровнилось, а в категориях нет, и размер: в категориях большой, на главной маленький.
Мне нужно так как я указал я вам на второй картинке

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

  • Снимокf.PNG
  • Снdfgимок.PNG


#8 Danil

Danil

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

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

Отправлено 16 Март 2016 - 13:45

Просмотр сообщенияDmitriy73 (16 Март 2016 - 13:34) писал:

на главной странице выровнилось, а в категориях нет, и размер: в категориях большой, на главной маленький.
Мне нужно так как я указал я вам на второй картинке
В main.css найдите код
td.goodsListItem > div > a {
	bottom: 5px;
	position: absolute;
	left: 0;
	right: 0;
}
и замените на
td.goodsListItem > div > a {
	font-size: 16px;
}
Так же найдите
.goodsListItemName {
	line-height: 1.2em;
	padding: 0px 2px 0px 2px;
	margin: 0px;
	max-height: 3.6em;
	overflow: hidden;
}
и замените на
.goodsListItemName {
	line-height: 1.2em;
	padding: 0px 2px 0px 2px;
	margin: 0px;
	max-height: 3.6em;
	overflow: hidden;
	height: 50px;
}


#9 Dmitriy73

Dmitriy73

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

  • Пользователи
  • PipPipPipPip
  • 243 сообщений
  • ГородУльяновск

Отправлено 16 Март 2016 - 16:51

Просмотр сообщенияDanil (16 Март 2016 - 13:45) писал:

В main.css найдите код
td.goodsListItem > div > a {
bottom: 5px;
position: absolute;
left: 0;
right: 0;
}
и замените на
td.goodsListItem > div > a {
font-size: 16px;
}
Так же найдите
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
max-height: 3.6em;
overflow: hidden;
}
и замените на
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
max-height: 3.6em;
overflow: hidden;
height: 50px;
}
Спасибо, все работает!)

#10 Dmitriy73

Dmitriy73

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

  • Пользователи
  • PipPipPipPip
  • 243 сообщений
  • ГородУльяновск

Отправлено 16 Март 2016 - 19:21

Просмотр сообщенияDanil (16 Март 2016 - 13:45) писал:

В main.css найдите код
td.goodsListItem > div > a {
bottom: 5px;
position: absolute;
left: 0;
right: 0;
}
и замените на
td.goodsListItem > div > a {
font-size: 16px;
}
Так же найдите
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
max-height: 3.6em;
overflow: hidden;
}
и замените на
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
max-height: 3.6em;
overflow: hidden;
height: 50px;
}
подскажите пожалуйста как переименовать "рублей" на "руб." в таких маленьких окошках?

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

  • zazaza.PNG


#11 Danil

Danil

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

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

Отправлено 16 Март 2016 - 19:29

Просмотр сообщенияDmitriy73 (16 Март 2016 - 19:21) писал:

подскажите пожалуйста как переименовать "рублей" на "руб." в таких маленьких окошках?
В разделе Настройки - Основные - Валюты, Вы можете изменить формат отображения с рублей на руб.
Так же можно произвести изменения в коде, для этого в шаблоне Товары найдите код
			   <div class="goodsListItemPriceNew">
				 <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
			   </div>  
			   <div class="goodsListItemPriceOld">
				 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
					{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
					{% ENDIF %}
			   </div>
и замените на

			   <div class="goodsListItemPriceNew">
				 <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW} руб.</a>
			   </div>  
			   <div class="goodsListItemPriceOld">
				 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT} руб.</a>
					{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD} руб.</a>
					{% ENDIF %}
			   </div>





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

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