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


Выравнивание


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

#61 Vaccina

Vaccina

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

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

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

В style.css найдите:
.containers .items, .containers2 .items {
display: inline-block;
float: left !important;
height: 310px;
overflow: hidden;
vertical-align: top;
width: 170px !important;
}
замените на:
.containers .items, .containers2 .items {
display: inline-block;
float: left !important;
height: 350px;
overflow: hidden;
vertical-align: top;
width: 170px !important;
}

если размера после изменения будет не достаточно, в дальнейшем в данном блоке увеличьте значение стиля height

#62 vais86

vais86

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

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

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

увеличил до 600 и появилась кнопка заказать но иконка теперь очень вниз. что еще поправить можно что бы нормально стало?


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

В style.css найдите:
.containers .items, .containers2 .items {
display: inline-block;
float: left !important;
height: 310px;
overflow: hidden;
vertical-align: top;
width: 170px !important;
}
замените на:
.containers .items, .containers2 .items {
display: inline-block;
float: left !important;
height: 350px;
overflow: hidden;
vertical-align: top;
width: 170px !important;
}

если размера после изменения будет не достаточно, в дальнейшем в данном блоке увеличьте значение стиля height


#63 Vaccina

Vaccina

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

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

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

поняла, в чем проблема, это я вам немного напортачила в стилях выше, приношу извинения , найдите:
.containers .items figure, .containers2 .items figure, .containers .items > div, .containers2 .items > div {
	height: 150px;
	width: 170px !important;
}

замените на:
.containers .items figure, .containers2 .items figure {
	height: 150px;
	width: 170px !important;
}


#64 vais86

vais86

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

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

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

кнопки появились, но они не выравнились по одной линии. еще стало обрезать картинки справа

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

  • 4.png


#65 daria_dnk

daria_dnk

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

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

Отправлено 05 Октябрь 2014 - 06:47

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

кнопки появились, но они не выравнились по одной линии. еще стало обрезать картинки справа
Здравствуйте!
В шаблоне HTML найдите код
<div style="width: 193px;position: relative;overflow:hidden;">
замените его на
<div style="width: 182px;position: relative;overflow:hidden;">
У Вас изображения загружены разной высоты, таким образом сложно будет выровнять кнопки. Загружайте изображения одинаковых размеров для корректного отображения на сайте.
В шаблоне HTML найдите строку
<h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3>
замените на
<h3 style="height: 85px;"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3>
код
 <h3><a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_favorites_goods.NAME}</a></h3>
замените на
 <h3 style="height: 85px;"><a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_favorites_goods.NAME}</a></h3>


#66 shopyuliya

shopyuliya

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

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

Отправлено 21 Февраль 2015 - 14:00

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

#67 Alekseys

Alekseys

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

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

Отправлено 21 Февраль 2015 - 16:24

Просмотр сообщенияshopyuliya (21 Февраль 2015 - 14:00) писал:

Здравствуйте. Так же хочу в каталоге выровнять цены в одну линию, в не зависимости от длины названия товара, и кнопку купить. Хотела воспользоваться приведенной инструкцией, но не нашла у себя таких кодов. Помогите пожалуйста.
Здравствуйте. В main.css замените
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
max-height: 3.6em;
overflow: hidden;
margin-top: 40px;
}
на
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
height: 3.6em;
overflow: hidden;
margin-top: 40px;
}


#68 shopyuliya

shopyuliya

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

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

Отправлено 21 Февраль 2015 - 20:50

Просмотр сообщенияAlekseys (21 Февраль 2015 - 16:24) писал:

Здравствуйте. В main.css замените
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
max-height: 3.6em;
overflow: hidden;
margin-top: 40px;
}
на
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
height: 3.6em;
overflow: hidden;
margin-top: 40px;
}

Большое спасибо! Помогло.
Подскажите пожалуйста как увеличить цену и изменить цвет. а так же вставить небольшой разрыв между ценой и кнопкой купить

#69 Alekseys

Alekseys

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

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

Отправлено 21 Февраль 2015 - 20:55

Просмотр сообщенияshopyuliya (21 Февраль 2015 - 20:50) писал:

Большое спасибо! Помогло.
Подскажите пожалуйста как увеличить цену и изменить цвет. а так же вставить небольшой разрыв между ценой и кнопкой купить
В main.css вставьте
.goodsListItemPriceNew span {
font-size: 18px;
color: red;
}
отредактировав параметры и добавьте
.buy-item {
margin-top: 10px;
}


#70 shopyuliya

shopyuliya

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

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

Отправлено 21 Февраль 2015 - 21:57

Просмотр сообщенияAlekseys (21 Февраль 2015 - 20:55) писал:

В main.css вставьте
.goodsListItemPriceNew span {
font-size: 18px;
color: red;
}
отредактировав параметры и добавьте
.buy-item {
margin-top: 10px;
}
Спасибо, то что нужно.




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

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