Визуальные Изменения На Странице Каталога
#1
Отправлено 03 Март 2017 - 08:49
Нужно сделать следующее:
1. Удалить этот блок.
2. Убрать кэпслок в написании в блоке ниже.
3. Удалить добавить в избранное и рейтинг товара.
4. Поменять картинки корзины и быстрого просмотра местами.
5. Удалить добавить в избранное и рейтинг товара со страницы товара.
#2
Отправлено 03 Март 2017 - 10:29
Makasi (03 Март 2017 - 08:49) писал:
Нужно сделать следующее:
1. Удалить этот блок.
2. Убрать кэпслок в написании в блоке ниже.
3. Удалить добавить в избранное и рейтинг товара.
4. Поменять картинки корзины и быстрого просмотра местами.
5. Удалить добавить в избранное и рейтинг товара со страницы товара.
Здравствуйте.
1. В шаблоне main.css найдите, пожалуйста, данный код:
#breadcrumbs .container #titlepage { margin-bottom: 25px; background: url('{ASSETS_IMAGES_PATH}ico-pagetitle.png?design=sport') no-repeat left center; line-height: 26px; font-size: 24px; color: #FFF; padding-left: 45px; }
И замените его вот этим вот кодом:
#breadcrumbs .container #titlepage { margin-bottom: 25px; background: url('{ASSETS_IMAGES_PATH}ico-pagetitle.png?design=sport') no-repeat left center; line-height: 26px; font-size: 24px; color: #FFF; padding-left: 45px; display: none; }
2. Далее в том же шаблоне найдите, пожалуйста, следующий код:
.block-menu-content ul li.subhead { text-align: left; border-bottom: 1px solid #e9e9e9; font-weight: normal; text-transform: uppercase; padding: 4px 0; }
И замените его этим вот кодом:
.block-menu-content ul li.subhead { text-align: left; border-bottom: 1px solid #e9e9e9; font-weight: normal; padding: 4px 0; }
3. После чего там же найдите, пожалуйста, данный код:
.products-list .item .product-shop .actions-addtocart ul.add-to-links { margin: 0 0; padding: 0; float: left; list-style: none; height: 51px; display: block; }
И замените его вот этим кодом:
.products-list .item .product-shop .actions-addtocart ul.add-to-links { margin: 0 0; padding: 0; float: left; list-style: none; height: 51px; display: none; }
Теперь в том же шаблоне найдите, пожалуйста, следующий код:
.products-list .item .product-shop .ratings { margin: 0 0 5px 0; float: right; }
И замените его вот этим вот кодом:
.products-list .item .product-shop .ratings { margin: 0 0 5px 0; float: right; display: none; }
#3
Отправлено 03 Март 2017 - 23:21
RayLi (03 Март 2017 - 10:29) писал:
1. В шаблоне main.css найдите, пожалуйста, данный код:
#breadcrumbs .container #titlepage { margin-bottom: 25px; background: url('{ASSETS_IMAGES_PATH}ico-pagetitle.png?design=sport') no-repeat left center; line-height: 26px; font-size: 24px; color: #FFF; padding-left: 45px; }
И замените его вот этим вот кодом:
#breadcrumbs .container #titlepage { margin-bottom: 25px; background: url('{ASSETS_IMAGES_PATH}ico-pagetitle.png?design=sport') no-repeat left center; line-height: 26px; font-size: 24px; color: #FFF; padding-left: 45px; display: none; }
2. Далее в том же шаблоне найдите, пожалуйста, следующий код:
.block-menu-content ul li.subhead { text-align: left; border-bottom: 1px solid #e9e9e9; font-weight: normal; text-transform: uppercase; padding: 4px 0; }
И замените его этим вот кодом:
.block-menu-content ul li.subhead { text-align: left; border-bottom: 1px solid #e9e9e9; font-weight: normal; padding: 4px 0; }
3. После чего там же найдите, пожалуйста, данный код:
.products-list .item .product-shop .actions-addtocart ul.add-to-links { margin: 0 0; padding: 0; float: left; list-style: none; height: 51px; display: block; }
И замените его вот этим кодом:
.products-list .item .product-shop .actions-addtocart ul.add-to-links { margin: 0 0; padding: 0; float: left; list-style: none; height: 51px; display: none; }
Теперь в том же шаблоне найдите, пожалуйста, следующий код:
.products-list .item .product-shop .ratings { margin: 0 0 5px 0; float: right; }
И замените его вот этим вот кодом:
.products-list .item .product-shop .ratings { margin: 0 0 5px 0; float: right; display: none; }
Спасибо! Всё супер!
Помогите ещё убрать кэпслок в выделенном блоке.
#4
Отправлено 04 Март 2017 - 09:28
Makasi (03 Март 2017 - 23:21) писал:
Помогите ещё убрать кэпслок в выделенном блоке.
Здравствуйте.
Попробуйте, пожалуйста, произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
#custommenu ul.mainnav li a.title-lv1 { font-size: 150%; margin-bottom: 10px; text-transform: uppercase; font-weight: normal; padding: 12px 0 4px; display: block; }
И замените его вот этим вот кодом:
#custommenu ul.mainnav li a.title-lv1 { font-size: 150%; margin-bottom: 10px; font-weight: normal; padding: 12px 0 4px; display: block; }
#5
Отправлено 13 Май 2017 - 19:03
Аккаунт SL-413583
Подскажите как сделать чтобы на странице каталога не отображалась часть рисунка с главной страницы, а был просто голубой градиент как изначально в шаблоне.
При этом не убирая рисунок с главной страницы.
Скрин во вложении.
Заранее спасибо!
#6
Отправлено 16 Май 2017 - 05:50
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<body> <div id="wrapper">
замените на:
<body> <div id="wrapper" {% IF index_page %}class="index"{% ENDIF %}>
Далее зайдите в main.css - найдите:
#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;background-size: cover;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}
замените на:
#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;background-size: cover;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;} .index #breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");}
#7
Отправлено 17 Май 2017 - 15:32
Все получилось
#8
Отправлено 15 Ноябрь 2017 - 22:02
Аккаунт SL-413583
Необходимо:
1. На карточках товара надпись В корзину заменить на Подробнее + при нажатии выставить переход на карточку товара
2. На форме быстрого заказа убрать поле Электронная почта + изменить цвет кнопки Оформить заказ
3. В карточке товара изменить цвет фона Быстрый заказ
4. В мобильной версии сайта в карточке товара добавить кнопку Быстрый заказ или заменить В корзину на Быстрый заказ (в случае если там помещается только одна кнопка)
Все изменения схематично изобразил на скриншотах.
Заранее благодарю!
#9
Отправлено 17 Ноябрь 2017 - 16:44
<a class="add-cart btn-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>В корзину</a>
<a class="button" href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="Подробнее" >Подробнее</a>
2. Зайдите в Редактор шаблонов-->Быстрый заказ и найдите:
<label for="contactEmail" class="required">E-mail <em class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>*</em></label> <div class="input-box"> <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email inputText" type="text"/> </div>
замените на:
<!--label for="contactEmail" class="required">E-mail <em class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>*</em></label> <div class="input-box"> <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email inputText" type="text"/> </div-->
далее найдите:
<a class="add-cart btn-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>В корзину</a>
замените на:
<a class="button" href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="Подробнее" > Подробнее</a>
далее зайдите в Редактор шаблонов-->main.css и найдите:
.formfast .button {margin: 10px 0 20px;}
замените на:
.formfast .button {margin: 10px 0 20px;border: 1px solid #36ca69;background: #69de92;colo:#000;font-weight:600;}
3. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.product-shop .add-to-cart .btn-cart.quick {margin-left:10px;}
замените на:
.product-shop .add-to-cart .btn-cart.quick {margin-left:10px;background-color: #69de92;border-color: #36ca69;color:#000;font-weight:bold;}
4. К сожалению кнопку быстрого заказа отобразить не получится для мобильных версий, так как всплывающая форма быстрого заказа плохо адаптируется под экраны мобильных устройств.
#10
Отправлено 18 Ноябрь 2017 - 11:17
Там при нажатии переходит просто на главную страницу, а нужно в карточку товара.
Как там ссылку исправить?
#11
Отправлено 24 Ноябрь 2017 - 15:25
Павел Андреевич (18 Ноябрь 2017 - 11:17) писал:
Там при нажатии переходит просто на главную страницу, а нужно в карточку товара.
Как там ссылку исправить?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных