Здравствуйте!
Я немного намудрил в подгонке отступов в "main.css", пытаясь сократить некоторые пробелы в "странице товара".
Однако, желаемое так исправить и не удалось - уменьшить пробел между кнопками "в избранное/сравнение" и описанием товара.
1) Помогите найти строку, где регулируется этот отступ (Рис.1).
2) Как переместить кнопки "в избранное/сравнение" вправо на уровень "в корзину" (Рис.1).
3) Вернуть нормальный вертикальный отступ между плитками "хитов/новинок" (Рис. 2).
Буду благодарен за помощь.
SL-330560
0
Отступы Между Плитками Хитов И Инфоблоками В "товаре"
Автор Rus, 25 февр. 2015 02:26
товары на главной хиты продаж отступы
Сообщений в теме: 4
#1
Отправлено 25 Февраль 2015 - 02:26
#2
Отправлено 25 Февраль 2015 - 17:09
Rus (25 Февраль 2015 - 02:26) писал:
Здравствуйте!
Я немного намудрил в подгонке отступов в "main.css", пытаясь сократить некоторые пробелы в "странице товара".
Однако, желаемое так исправить и не удалось - уменьшить пробел между кнопками "в избранное/сравнение" и описанием товара.
1) Помогите найти строку, где регулируется этот отступ (Рис.1).
2) Как переместить кнопки "в избранное/сравнение" вправо на уровень "в корзину" (Рис.1).
3) Вернуть нормальный вертикальный отступ между плитками "хитов/новинок" (Рис. 2).
Буду благодарен за помощь.
SL-330560
Я немного намудрил в подгонке отступов в "main.css", пытаясь сократить некоторые пробелы в "странице товара".
Однако, желаемое так исправить и не удалось - уменьшить пробел между кнопками "в избранное/сравнение" и описанием товара.
1) Помогите найти строку, где регулируется этот отступ (Рис.1).
2) Как переместить кнопки "в избранное/сравнение" вправо на уровень "в корзину" (Рис.1).
3) Вернуть нормальный вертикальный отступ между плитками "хитов/новинок" (Рис. 2).
Буду благодарен за помощь.
SL-330560
.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="Положить «{GOODS_NAME}» в корзину"/> <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="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&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="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&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="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" 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="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&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="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" 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="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&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="Положить «{GOODS_NAME}» в корзину"/> </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="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&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="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&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="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" 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="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&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="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" 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="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&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.
#4
Отправлено 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
Отправлено 27 Февраль 2015 - 04:59
Огромное спасибо!
Теперь всё идеально!
Теперь всё идеально!
Темы с аналогичным тегами товары на главной, хиты продаж, отступы
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных