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


Как Сделать Чтобы Цены Не Скакали Вертикально?


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

#1 iGuana

iGuana

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

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

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

Добрый день. При выводе товаров цены скачут в зависимости от длины наименования. Как сделать чтобы цена с полоской была по нижнему краю?

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

  • logo2.png


#2 empty9228

empty9228

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

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

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

Здравствуйте, на изображении скриншот из шаблона "Весна", под аккаунтом который у вас указан(230279) - шаблон "Вечность". О каком именно сайте идет речь?

#3 iGuana

iGuana

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

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

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

у нас 6 магазинов на вашей платформе )) сайт http://rm116.ru

#4 empty9228

empty9228

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

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

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

В файле main.css найдите код
.prod_hold, .prod_hold_recent {display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100;}

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

.prod_hold, .prod_hold_recent {display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100;min-height: 335px;}


#5 iGuana

iGuana

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

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

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

ничего не изменилось ((

#6 Castiel

Castiel

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

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

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

Просмотр сообщенияiGuana (15 Апрель 2014 - 15:59) писал:

ничего не изменилось ((
Здравствуйте,

В файле "main.css".
Найти:
.prod_hold .name, .prod_hold_recent .name {
padding-bottom: 4px;
margin: 0 8px 8px 8px;
border-bottom: 1px solid #e1e1e1;
display: block;
}

Заменить:
.prod_hold .name, .prod_hold_recent .name {
padding-bottom: 4px;
margin: 0 8px 8px 8px;
border-bottom: 1px solid #e1e1e1;
display: block;
min-height: 70px;
}


#7 iGuana

iGuana

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

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

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

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

#8 Vaccina

Vaccina

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

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

Отправлено 16 Апрель 2014 - 03:28

В main.css найдите:
.prod_hold .name, .prod_hold_recent .name {
	border-bottom: 1px solid #E1E1E1;
	display: block;
	margin: 0 8px 8px;
	min-height: 100px;
	padding-bottom: 4px;
}
замените на:
.prod_hold .name, .prod_hold_recent .name {
	border-bottom: 1px solid #E1E1E1;
	display: block;
	height: 75px;
	margin: 0 8px 8px;
	overflow: hidden;
	padding-bottom: 4px;
}


#9 iGuana

iGuana

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

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

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

отлично! как всегда на высоте! спасибо!

#10 Cybernetic

Cybernetic

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

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

Отправлено 05 Май 2014 - 08:31

Здравствуйте! Писал пять дней назад вопрос в тему "SEO", но там не отвечают, по-этому решил задать вопрос здесь:
На шаблоне "Весна" есть такая "фишка": когда находишься в каталоге товара, который настроен на "Вид списка: Таблица", то при наведении на название товара /выскакивает штука, не знаю как её назвать/ и в конец ссылки к карточке этого товара добавляется текст типа- "?mod_id=56570776", а когда просто наводишь или кликаешь на изображение , то ссылка уже без этого текста. Вопрос: будут-ли поисковики считать это за дубли?

#11 Vaccina

Vaccina

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

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

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

Подобная тема уже обсуждалась у нас на форуме:
http://forum.storela...-дубли-страниц/

В этой же теме вам уже ответили и вы закрыли вопрос.
Просьба не дублировать свои вопросы в разных темах.

#12 boktar

boktar

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

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

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

Здравствуйте, выравнял цены по инструкции  описанной в этой теме,
1. но теперь вид товаров из графы вы смотрели стал таким, фото маленькое сбоку, как сделать фото обычного размера?
2. При наведении на фото увеличение стало в маленьком окошке скошено влево, правда не на всех товарах.
3. описание стало наползать верхней строкой на фото.
4. линию подчёркивания сделать под дополнительными фото
5. блок доставки взять в рамку или сделать подчёркивание

#13 boktar

boktar

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

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

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

Кто нибудь может мне помочь?

#14 boktar

boktar

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

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

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

Просмотр сообщенияboktar (15 Октябрь 2014 - 02:22) писал:

Здравствуйте, выравнял цены по инструкции  описанной в этой теме,
1. но теперь вид товаров из графы вы смотрели стал таким, фото маленькое сбоку, как сделать фото обычного размера?
2. При наведении на фото увеличение стало в маленьком окошке скошено влево, правда не на всех товарах.
3. описание стало наползать верхней строкой на фото.
4. линию подчёркивания сделать под дополнительными фото
5. блок доставки взять в рамку или сделать подчёркивание

Кто нибудь может помочь?

Жду ответа очень!

#15 boktar

boktar

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

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

Отправлено 15 Октябрь 2014 - 18:54

?

#16 boktar

boktar

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

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

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

Очень жду ответа!

#17 Danil

Danil

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

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

Отправлено 15 Октябрь 2014 - 20:55

Просмотр сообщенияboktar (15 Октябрь 2014 - 20:09) писал:

Очень жду ответа!
Здравствуйте.
1) В шаблоне html найдите код (467строка)
<div class="image goods-image-icon-square"><a title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" href="{recently_viewed_goods.URL}"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=spring{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}"></a></div>
И замените на
<div class="image goods-image-icon-square"><a title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" href="{recently_viewed_goods.URL}"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=spring{% ELSE %}{recently_viewed_goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{recently_viewed_goods.NAME}"></a></div>
2) В main.css добавьте
.cloud-zoom-big {
width:400px;
height:400px;
}
Изменяйте значения на свое усмотрение
3) В main.css добавьте
.prod_hold .image {
height: 200px;
}
4) В шаблоне Товар найдите код
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	 {% IFNOT goods_images_empty %}
	 {% FOR goods_images %}
		 {% IF goods_images.first %}
		 <div class="image-additional"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
			 <h5>Другие фото {GOODS_NAME}</h5>
		 {% ENDIF %}
			 <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' "><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>																		
		 {% IF goods_images.last %}
		 </div>
		 {% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}
И замените на
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	 {% IFNOT goods_images_empty %}
	 {% FOR goods_images %}
		 {% IF goods_images.first %}
		 <div class="image-additional"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
			 <h5>Другие фото {GOODS_NAME}</h5>
		 {% ENDIF %}
			 <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' "><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>																		
		 {% IF goods_images.last %}
		 </div>
		 {% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}
<hr>

5) В шаблоне Товар найдите код
<!-- Блок описания вариантов доставки -->
				 <div class="span12" >
И замените на
<!-- Блок описания вариантов доставки -->
				 <div class="span12 ramkaop" >
Далее в main.css добавьте код
.ramkaop {
border: 2px solid #C2C2C2;
}


#18 boktar

boktar

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

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

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

Спасибо, всё сделал, но к сожалению
1. вид "вы смотрели"  который на главной слева идёт полосой, остался таким же, как его сделать с нормальными большими фото, без белых пробелов?
2. увеличение всё равно на одних товарах ок, на других кривое со смещением влево, на скрине.
3. ок.
4. линия подчёркивания, только под фото, хотелось бы по всей длине.
5. рамку у блока доставки, как сделать такую же, как у каталога или на главной странице, с чуть полукруглыми краями и с тенью, и внутри рамки надпись с отступом чуть от края.
Спасибо!

#19 boktar

boktar

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

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

Отправлено 16 Октябрь 2014 - 00:00

Просмотр сообщенияboktar (15 Октябрь 2014 - 22:04) писал:

Спасибо, всё сделал, но к сожалению
1. вид "вы смотрели"  который на главной слева идёт полосой, остался таким же, как его сделать с нормальными большими фото, без белых пробелов?
2. увеличение всё равно на одних товарах ок, на других кривое со смещением влево, на скрине.
3. ок.
4. линия подчёркивания, только под фото, (на скрине) хотелось бы по всей длине.
5. рамку у блока доставки, как сделать такую же, как у каталога или на главной странице, с чуть полукруглыми краями и с тенью, и внутри рамки надпись с отступом чуть от края.
Спасибо!
Уважаемые модераторы, ну давайте доделаем уже начатое)

#20 AnnaM

AnnaM

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

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

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

Просмотр сообщенияboktar (15 Октябрь 2014 - 22:04) писал:

Спасибо, всё сделал, но к сожалению
1. вид "вы смотрели"  который на главной слева идёт полосой, остался таким же, как его сделать с нормальными большими фото, без белых пробелов?
2. увеличение всё равно на одних товарах ок, на других кривое со смещением влево, на скрине.
3. ок.
4. линия подчёркивания, только под фото, (на скрине) хотелось бы по всей длине.
5. рамку у блока доставки, как сделать такую же, как у каталога или на главной странице, с чуть полукруглыми краями и с тенью, и внутри рамки надпись с отступом чуть от края.
Спасибо!
4. в шаблоне "Товар" удалите с 60 строки
<hr>
и замените
<div class="left">
	 <div>
	 <!-- Блок описания товара. Показываем его если есть описание товара -->
на
<div class="left">
<hr>
	 <div>
	 <!-- Блок описания товара. Показываем его если есть описание товара -->

Просмотр сообщенияboktar (16 Октябрь 2014 - 00:00) писал:

Уважаемые модераторы, ну давайте доделаем уже начатое)
5. в main.css замените
.ramkaop {
border: 2px solid #C2C2C2;
}
на
.ramkaop {
border: 2px solid #C2C2C2;
border-radius: 5px;
padding: 5px;
}
border-radius: 5px; степень закругленности рамки,
padding: 5px; отступ от рамки со всех сторон.




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

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