Изменение Дизайна Главной Страницы.
#21
Отправлено 23 Май 2018 - 14:52
#22
Отправлено 23 Май 2018 - 15:54
<div id="tabs" class="htabs"> <!-- Если есть какое-либо описание товара --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <a href="javascript:tabSwitch(2);" id="tab_2" class="active">Описание</a> {%ENDIF%} <!-- Если есть характеристики товара --> {% IFNOT goods_features_empty %} <a href="javascript:tabSwitch(3);" id="tab_3">Характеристики</a> {%ENDIF%} <a href="javascript:tabSwitch(1);" id="tab_1" >Условия доставки</a> <!-- Если подключен модуль отзывов о товарах --> {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %} <a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a> {% ENDIF %} </div>
#23
Отправлено 23 Май 2018 - 16:34
#27
Отправлено 24 Май 2018 - 14:58
Алексей Ж. (24 Май 2018 - 13:22) писал:
#content_3 .goodsDataFeatures td {border: none!important;padding: 5px 3px 5px;text-align: left;} #content_3 .goodsDataFeatures .name {font-weight: bold;}
#28
Отправлено 24 Май 2018 - 15:18
Алексей Ж. (24 Май 2018 - 14:53) писал:
<h2 style="text-align: center; margin: 10px 0;">Наши товары</h2>В файле main.css найдите код
.item .goods-cat-image-medium-square{width:100%;height: 300px;}и замените его на
.item .goods-cat-image-medium-square{width:100%;max-height: 300px;}Далее найдите и удалите код
.item:hover .actions,.prod_hold:hover .actions{display:block;}
В шаблоне HTML найдите и удалите следующие блоки
1.
<div class="ratings"> <div class="rating-box" itemscope itemtype="https://schema.org/AggregateRating"> {% IF index_page_new_goods.OPINION_RATING_VALUE %} <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{index_page_new_goods.OPINION_RATING_VALUE}"> <div class="rating" style="width:{index_page_new_goods.OPINION_RATING_VALUE}0%" alt="{index_page_new_goods.OPINION_RATING_VALUE}"></div> {%ELSE%} <div class="rating" style="width:0%" alt="Рейтинг не определён"></div> {%ENDIF%} </div> </div>
2.
<div class="ratings"> <div class="rating-box" itemscope itemtype="https://schema.org/AggregateRating"> {% IF index_page_favorites_goods.OPINION_RATING_VALUE %} <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{index_page_favorites_goods.OPINION_RATING_VALUE}"> <div class="rating" style="width:{index_page_favorites_goods.OPINION_RATING_VALUE}0%" alt="{index_page_favorites_goods.OPINION_RATING_VALUE}"></div> {%ELSE%} <div class="rating" style="width:0%" alt="Рейтинг не определён"></div> {%ENDIF%} </div> </div>3.
<div class="ratings"> <div class="rating-box" itemscope itemtype="https://schema.org/AggregateRating"> {% IF index_page_goods.OPINION_RATING_VALUE %} <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{index_page_goods.OPINION_RATING_VALUE}"> <div class="rating" style="width:{index_page_goods.OPINION_RATING_VALUE}0%" alt="{index_page_goods.OPINION_RATING_VALUE}"></div> {%ELSE%} <div class="rating" style="width:0%" alt="Рейтинг не определён"></div> {%ENDIF%} </div> </div>После этого в файле main.css найдите код
.item .price,.prod_hold .price{height: 60px;}и замените его на
.item .price,.prod_hold .price{height: 20px;}Затем найдите
.price-old{text-align:center;}и замените его на
.price-old{text-align:center;} .item .price-old{display:none}
И код
.addToCart{width:100px;background-color:#e7f6fd;color:#006080;margin:0 auto;cursor:pointer;height:30px;border-radius:2px;display:block;line-height:30px;text-align:center;transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;-webkit-transition:0.3s all ease;border:none;}замените на
.addToCart{width: 125px;background-color:#e7f6fd;color:#006080;margin:0 auto;cursor:pointer;height: 35px;border-radius:2px;display:block;line-height: 37px;text-align:center;transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;-webkit-transition:0.3s all ease;border:none;}
#29
Отправлено 24 Май 2018 - 16:51
https://forum.storel...076#entry276076
#30
Отправлено 24 Май 2018 - 17:01
Алексей Ж. (24 Май 2018 - 16:51) писал:
https://forum.storel...076#entry276076
.item .new-name,.prod_hold .new-name{text-align:center;margin-top:5px;height: 40px;line-height:19px;overflow:hidden;}и замените его на
.item .new-name,.prod_hold .new-name{text-align:center;margin-top:5px;height: 60px;line-height:19px;overflow:hidden;}Далее найдите код
.item .price,.prod_hold .price{height: 20px;}и замените его на
.item .price,.prod_hold .price{height: 20px;text-align:center}
#31
Отправлено 25 Май 2018 - 16:03
1. Cделать каталог магазина ГДЕ?---показано в скриншоте 10, примерная форма таблицы показана в скриншоте 8, и цвет верхнего поля и цвет букв в скриншоте 9
2. Там же сделать 2 ряда по 5 карточек товара в каждом. Как показано в скриншоте 10. Можно так сделать? Пожалуйста.
#32
Отправлено 26 Май 2018 - 14:48
.catalogheader, .recentH { background: #edf7fa; text-transform: uppercase; padding: 15px 10px; border-radius: 2px; cursor: pointer; }
на
li.lvl-0 { border-bottom: 1px solid #d8d8d8; } .catalogheader, .recentH { background: #f2b528; text-transform: uppercase; padding: 15px 10px; border-radius: 2px; cursor: pointer; } .catalogheader, .recentH a{color:#86260b;}
По поводу расширения сайта, добавления сбоку колонок и т.п. - это свободное пространство есть только у Вас. У пользователей, которые заходят с компьютеров разрешением 1366 и ниже, у них этого свободного пространства нет, поэтому размещать что-то дополнительное по-бокам нельзя
#34
Отправлено 28 Май 2018 - 10:05
Алексей Ж. (28 Май 2018 - 09:37) писал:
#35
Отправлено 28 Май 2018 - 12:05
#36
Отправлено 28 Май 2018 - 15:17
#39
Отправлено 28 Май 2018 - 15:31
Алексей Ж. (28 Май 2018 - 15:24) писал:
#40
Отправлено 28 Май 2018 - 16:07
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных