Rustam (25 Февраль 2016 - 09:56) писал:
Добрый день.
Аккаунт sl-377135
У меня ряд переделок по приложенной картинке:
1. Переместить стрелки предыдущий и следующий на одну строчку с названием товара.
2. Изменить написание суммы. Было бы хорошо, если это возможно сделать централизованно, провести изменения для всех страниц сайта, вместо "рублей" написать "от ... руб. на персону".
3. Убрать эту полосу.
4. Переместить кнопку сравнения на одну строчку со звездочками рейтинга над описанием.
5. Сделать описание, характеристики и отзывы без вкладок, а подряд друг за другом на одной странице. Порядок: характеристики, описание, отзывы. Остальные блоки на планируются.
Еще убрать возможность просмотра увеличенной фотографии, т.е. фотография не кликабельной нужно сделать. все фотографии пойдут в самом описании товара.
Здравствуйте.
1) В шаблоне html найдите код
</h1>
</div>
</div>
<!-- Вывод основной части -->
и замените на
</h1>
{% IF MOD_LNAME=goods %}
<div class="goods-pagination">
<a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}"><span class="icon-long-arrow-left"></span>Предыдущий зал</a>
<span class="separator">|</span>
<a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}">Cледующий зал<span class="icon-long-arrow-right"></span></a>
</div>
{% ENDIF %}
</div>
</div>
<!-- Вывод основной части -->
В конец main.css добавьте
.goods-pagination {
float: right;
margin-top: 15px;
}
.page-header .title {
float: left;
}
В шаблоне Товар найдите и удалите код
{% IFNOT neighbor_goods_empty %}
<div class="goods-pagination">
<a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}"><span class="icon-long-arrow-left"></span>Предыдущий зал</a>
<span class="separator">|</span>
<a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}">Cледующий зал<span class="icon-long-arrow-right"></span></a>
</div>
{% ENDIF %}
2) В шаблоне Товар найдите код
<span class="price goodsDataMainModificationPriceNow">{GOODS_MOD_PRICE_NOW | money_format}</span>
и замените на
<span class="price goodsDataMainModificationPriceNow">от {GOODS_MOD_PRICE_NOW} руб. на персону</span>
3) В main.css найдите код
.product-page .availability-sku {
font-size: 12px;
line-height: 20px;
margin: 0 0 36px;
border-bottom: 1px solid #e1e1e1;
}
и замените на
.product-page .availability-sku {
font-size: 12px;
line-height: 20px;
margin: 0 0 36px;
}
4) В шаблоне Товар найдите код
и перенесите его вставив после
<div class="rating-box">
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
{% IF GOODS_OPINION_RATING_VALUE_ROUND %}
<img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle" />
{% ELSE %}
<img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle"/>
{% ENDIF %}
</div>
В main.css найдите код
.product-page .reviews-box {
margin: 0 0 20px;
height: 30px;
}
и замените на
.product-page .reviews-box {
margin: 0 0 20px;
overflow: hidden;
}
Так же найдите
.product-page .col-md-7 .actions {
margin: 0 0 40px;
}
и замените на
.product-page .col-md-7 .actions {
margin: 0 40px;
float:right;
}
5) В шаблоне Товар найдите код
<!-- Характеристики -->
{% IFNOT goods_features_empty %}
<div id="content_2" class="tab-content" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}>
<h3 class="title">Характеристики {GOODS_NAME}</h3>
<table class="table-box" id="product-attribute-specs-table">
<tbody>
{% FOR goods_features%}
<tr class="first odd">
<th class=""><span class="value">{goods_features.NAME}</span></th>
<td class="data last">{goods_features.VALUE}</td>
</tr>
{% ENDFOR %}
</tbody>
</table>
</div>
{% ENDIF %}
и переместите его вставив перед
<!-- Описание -->
В конец main.css добавьте
div#contents div#content_1, div#contents div#content_4, div#contents div#content_3, div#contents div#content_2 {
display: block !important;
}
.nav-tabs {
display: none;
}
0
