Здравствуйте.
Store-rondell (27 Октябрь 2017 - 09:06) писал:
Доброе утро!
Давайте первый вариант реализуем. Спасибо!)
Уточните пожалуйста, товары с каких категорий необходимо вывести и в какой период времени.
Store-rondell (27 Октябрь 2017 - 13:07) писал:
И можно ли сделать вот такой каталог? Чтобы при клике он сворачивался и разворачивался. И кнопка раскрытия каталога, одновременно со всплывающей корзиной, появлялась и пропадала, чтобы синхронно было. Спасибо большое!
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<script>
$(document).ready(function(){
window.onscroll = function(){
if(window.pageYOffset>100){
$('#float-cart').fadeIn();
} else{
$('#float-cart').fadeOut();
}
}
});
function calculateDeliveryCost(itemsCost) {
$("#deliveryRate, #float-cart .delivery-rate").html(html);
}
</script>
замените на:
<script>
$(document).ready(function () {
window.onscroll = function () {
if (window.pageYOffset > 100) {
$('#float-cart').fadeIn();
$('#catalog').fadeIn();
} else {
$('#float-cart').fadeOut();
$('#catalog').fadeOut();
}
}
});
function calculateDeliveryCost(itemsCost) {
$('#deliveryRate, #float-cart .delivery-rate').html(html);
}
</script>
далее найдите:
<p id="back-top">
<a href="#top"><span></span></a>
</p>
после него пропишите:
<div id="catalog">
<a href="#"></a>
<!-- Каталог -->
<ul id="subNavigation">
{%IFNOT catalog_empty %}
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
<li>
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul>
<!-- end Каталог -->
</div>
Далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.form-inline {
display: inline-block;
}
.form-inline ul li {
display: inline-block;
}
.form-inline.OrderFilterForm * {
display: inline-block;
margin-left: 10px;
}
перед ним пропишите:
#catalog > a {
display: block;
position: fixed;
height: 30px;
width: 30px;
border: 1px solid #BD1548;
left: 0;
top: 100px;
background: url("https://store-rondell.storeland.ru/design/cat.jpg?4502") no-repeat center center #fff;
}
#catalog #subNavigation{display: none;position: fixed;background: #fff;left: 31px;padding: 0 10px;top: 100px;border: 1px solid #BD1548;}
#catalog #subNavigation.active{display: block;}
Далее зайдите в раздел Сайт - Редактор шаблонов - main.js - в самом конце пропишите:
$(document).ready(function(){
$("#catalog > a").click(function(){
$("#catalog #subNavigation").toggle();
return false;
});
});