9 replies to this topic

[Платон]

Здравствуйте!

Помогите  сделать корзину по типу "поплавка"  

см. http://forum.jbzoo.c...iny/#entry51132

[i001]

в index.php шаблона перед закрытием 
 

</head>

добавляем

<script type="text/javascript">
$(document).ready(function () {
    /* jsJBZooModuleBasket - фиксируем модуль корзины*/
    var offset = $('.jsJBZooModuleBasket').offset();
    var topPadding = 70; /* отступ корзины от верха страницы */
    $(window).scroll(function() {
        if ($(window).scrollTop() > offset.top) {
            $('.jsJBZooModuleBasket').stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
        }
        else {
          $('.jsJBZooModuleBasket').stop().animate({marginTop: 0}, 500);
        }
    });
});
</script>

в css шбалона или jbzoo.css

.jsJBZooModuleBasket {
position: absolute;
}

должно работать

[Платон]

 

 

<script type="text/javascript">
$(document).ready(function () {
/* jsJBZooModuleBasket - фиксируем модуль корзины*/

я так понимаю что вместо "фиксируем модуль корзины" надо что-то написать?

 

Edited by Платон, 13 October 2014 - 19:40.

[i001]

писать ничего не нужно, это коментарий для вашего понимания, не более.

[Платон]

сделал точно так как Вы писали:

 

в /home/.../templates/protostar/index.php   перед закрытием 
 

</head>

добавил

<script type="text/javascript">
$(document).ready(function () {
    /* jsJBZooModuleBasket - фиксируем модуль корзины*/
    var offset = $('.jsJBZooModuleBasket').offset();
    var topPadding = 70; /* отступ корзины от верха страницы */
    $(window).scroll(function() {
        if ($(window).scrollTop() > offset.top) {
            $('.jsJBZooModuleBasket').stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
        }
        else {
          $('.jsJBZooModuleBasket').stop().animate({marginTop: 0}, 500);
        }
    });
});
</script>

/home/.../templates/protostar/css/template.css

в конце добавил 

.jsJBZooModuleBasket {
position: absolute;
}

и вот результат:

http://kolesa2.magic-gold.com.ua

Верхнее меню изменилось -  из горизонтального стало вертикальным,

Корзина как была вверху, так там и осталась, вот только переместилась с правой позиции в левую 

Edited by Платон, 18 October 2014 - 19:52.

[registr]

сделал просто плавающую корзину: http://timberlands.pro/ просто прописав в стилях fixed

А как можно сделать чтоб если корзина пустая - она не передвигается?

Указанный способ не помог - ничего не сработало

[Платон]

сделал просто плавающую корзину: http://timberlands.pro/ просто прописав в стилях fixed

отлично смотрится! Можно более подробно куда прописать  fixed. 

И как Вам удалось добавить изображение корзины?

[registr]

в CSS прописал к позиции модуля:

#bannerright{
    position: fixed;
    top: 50%;
    right: -20px;
}

 
насчет картинки - прописано в стилях:
 

.top_cart .cart_name {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: 120px;
    margin-bottom: -155px;
}
.top_cart{
    width:260px;
    height:100px;
    margin:10px 0px 10px 10px !important;
}
.top_cart .nocart{
    padding-left:80px;
    background:url(../images/cart.png) no-repeat left center;
    line-height:70px;
    height:80px;
    text-align:center;
}
.top_cart .escart {
    padding-left: 80px;
    padding-top: 160px;
    background: url(../images/cart2.png) no-repeat 32px 80px;
    height: 80px;
    text-align: center;
}

не я все делал, возможно еще дописывалось что-то в файлах шаблона корзины, не в курсе, если что надо - могу посмотреть, сам не кодер.

[Платон]

 

не я все делал, возможно еще дописывалось что-то в файлах шаблона корзины, не в курсе, если что надо - могу посмотреть, сам не кодер.

Посмотрите, пожалуйста. И скажите путь файла в который надо прописать код который Вы указали ранее

[registr]

templates\yoo_master\warp\css\layout.css

и

templates\yoo_master\css\base.css