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


Отступы Между Плитками Хитов И Инфоблоками В "товаре"

товары на главной хиты продаж отступы

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

#1 Rus

Rus

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

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

Отправлено 25 Февраль 2015 - 02:26

Здравствуйте!
Я немного намудрил в подгонке отступов в "main.css", пытаясь сократить некоторые пробелы в "странице товара".
Однако, желаемое так исправить и не удалось - уменьшить пробел между кнопками "в избранное/сравнение" и описанием товара.
1) Помогите найти строку, где регулируется этот отступ (Рис.1).
2) Как переместить кнопки "в избранное/сравнение" вправо на уровень "в корзину" (Рис.1).
3) Вернуть нормальный вертикальный отступ между плитками "хитов/новинок" (Рис. 2).
Буду благодарен за помощь.
SL-330560

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

  • отступы 1.jpg
  • отступы 2.jpg


#2 Dars

Dars

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

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

Отправлено 25 Февраль 2015 - 17:09

Просмотр сообщенияRus (25 Февраль 2015 - 02:26) писал:

Здравствуйте!
Я немного намудрил в подгонке отступов в "main.css", пытаясь сократить некоторые пробелы в "странице товара".
Однако, желаемое так исправить и не удалось - уменьшить пробел между кнопками "в избранное/сравнение" и описанием товара.
1) Помогите найти строку, где регулируется этот отступ (Рис.1).
2) Как переместить кнопки "в избранное/сравнение" вправо на уровень "в корзину" (Рис.1).
3) Вернуть нормальный вертикальный отступ между плитками "хитов/новинок" (Рис. 2).
Буду благодарен за помощь.
SL-330560
1) Main.css, строка:

.product-page .product-tab {margin: 80px 0;}

и строка:

.product-page .col-md-7 .actions {margin: 0 0 40px;}

2) В main.css найдите строку:

.product-page .add-cart-form .add-cart {font-weight: bold;margin: 0 17px 40px 0;padding: 16px 45px;min-width: 290px;text-transform: uppercase;}

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

.product-page .add-cart-form .add-cart {font-weight: bold;margin: 0 17px 40px 0;padding: 16px 45px;min-width: 290px;float: left;text-transform: uppercase;}

Затем в шаблоне "Товар" найдите код:

<input type="button" value="В корзину" id="button-cart" class="btn add-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
<div class="actions">
<!-- Если есть возможность добавить товар в избранное -->
{% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
<a class="add-wishlist inProd added"
data-action-is-add="0"
data-action-add-url="{FAVORITES_ADD_URL}"
data-action-delete-url="{FAVORITES_DELETE_URL}"
data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
data-msgtype="2"
data-gname="{GOODS_NAME}"
href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
><div class="icon-heart-o"></div></a>
{% ELSE %}
<a class="add-wishlist inProd"
data-action-is-add="1"
data-action-add-url="{FAVORITES_ADD_URL}"
data-action-delete-url="{FAVORITES_DELETE_URL}"
data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
data-msgtype="2"
data-gname="{GOODS_NAME}"
title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
><div class="icon-heart-o"></div></a>
{% ENDIF %}
<!-- Если есть возможность добавить товар в сравнение -->
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
<a class="add-compare added inProd"
data-action-is-add="0"
data-action-add-url="{COMPARE_ADD_URL}"
data-action-delete-url="{COMPARE_DELETE_URL}"
data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
data-msgtype="1"
data-gname="{GOODS_NAME}"
data-prodname="{GOODS_NAME}"
data-produrl="{GOODS_URL}"
data-id="{GOODS_ID}"
data-mod-id="{GOODS_MOD_ID}"
title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
><div class="icon-loop"></div></a>
{% ELSE %}
<a class="add-compare inProd"
data-action-is-add="1"
data-action-add-url="{COMPARE_ADD_URL}"
data-action-delete-url="{COMPARE_DELETE_URL}"
data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
data-msgtype="1"
data-gname="{GOODS_NAME}"
data-prodname="{GOODS_NAME}"
data-produrl="{GOODS_URL}"
data-id="{GOODS_ID}"
data-mod-id="{GOODS_MOD_ID}"
title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
><div class="icon-loop"></div></a>
{% ENDIF %}
{% ENDIF %}
</div>

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

<input type="button" value="В корзину" id="button-cart" class="btn add-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
					 </div>
					
					 <div class="actions">
					 <!-- Если есть возможность добавить товар в избранное -->
					 {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
					 <a class="add-wishlist inProd added"
						 data-action-is-add="0"
						 data-action-add-url="{FAVORITES_ADD_URL}"
						 data-action-delete-url="{FAVORITES_DELETE_URL}"
						 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
						 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
						 title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
						 data-msgtype="2"
						 data-gname="{GOODS_NAME}"
						 href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
					 ><div class="icon-heart-o"></div></a>
					 {% ELSE %}
					 <a class="add-wishlist inProd"
						 data-action-is-add="1"
						 data-action-add-url="{FAVORITES_ADD_URL}"
						 data-action-delete-url="{FAVORITES_DELETE_URL}"
						 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
						 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
						 data-msgtype="2"
						 data-gname="{GOODS_NAME}"
						 title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
					 ><div class="icon-heart-o"></div></a>
					 {% ENDIF %}
					 <!-- Если есть возможность добавить товар в сравнение -->
					 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
					 {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
						 <a class="add-compare added inProd"
						 data-action-is-add="0"
						 data-action-add-url="{COMPARE_ADD_URL}"
						 data-action-delete-url="{COMPARE_DELETE_URL}"
						 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
						 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
						 data-msgtype="1"
						 data-gname="{GOODS_NAME}"
						 data-prodname="{GOODS_NAME}"
						 data-produrl="{GOODS_URL}"
						 data-id="{GOODS_ID}"
						 data-mod-id="{GOODS_MOD_ID}"
						 title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
						 href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						 ><div class="icon-loop"></div></a>
					 {% ELSE %}
						 <a class="add-compare inProd"
						 data-action-is-add="1"
						 data-action-add-url="{COMPARE_ADD_URL}"
						 data-action-delete-url="{COMPARE_DELETE_URL}"
						 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
						 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
						 data-msgtype="1"
						 data-gname="{GOODS_NAME}"
						 data-prodname="{GOODS_NAME}"
						 data-produrl="{GOODS_URL}"
						 data-id="{GOODS_ID}"
						 data-mod-id="{GOODS_MOD_ID}"
						 title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
						 href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						 ><div class="icon-loop"></div></a>
					 {% ENDIF %}
					 {% ENDIF %}
					 </div>
</div>



3) В main.css в строке:

.product {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: inline-block;float: none;margin: 0 0 10px;/*min-width: 240px;*/overflow: hidden;position: relative;text-align: left;vertical-align: top;}

увеличивайте для margin: 0 0 10px значение 10.

#3 Rus

Rus

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

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

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

Большое спасибо!
Всё получилось.
Но ещё нужно выровнять по вертикали 2 нижние кнопки с верхней ячейкой.

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

  • отступы 1.jpg


#4 Vaccina

Vaccina

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

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

Отправлено 27 Февраль 2015 - 02:09

В main.css найдите:
.product-page .col-md-7 .actions {
margin: 0 0 10px;
}
замените на:
.product-page .col-md-7 .actions {
margin: 0 0 10px 95px;
float: left;
}


#5 Rus

Rus

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

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

Отправлено 27 Февраль 2015 - 04:59

Огромное спасибо!
Теперь всё идеально!





Темы с аналогичным тегами товары на главной, хиты продаж, отступы

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

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