Опубликовано: 25 августа 2016
Корректировка работы кнопки В корзину Есть решение
Добрый день.
Помогите решить проблему, добавил корзину в шапку сайта следующим кодом после адреса (Пример с предыдущей строкой):
{if !empty($header6)}<div class="col-grid hide-on-med-and-down align-right">{$header6}</div>{/if}
<div class="col-grid min-width hide-on-med-and-down">{include file="cart.second.html" inline}</div>
Попытался убрать снизу нижний блог (избранное, просмотренные и корзину) методом за комментировать строку:
<!-- {if !empty($theme_settings.desktop_pane)}{include file="desktop.pane.html" inline}{/if} -->
Все получилось красиво, но не корректно работать стала кнопка при добавлении в корзину, при нажатии подсветило блок товара, но не обновилась корзина, товар подвис в виде выделенного и не сработал плагин перенаправление в корзину.
Помогите решить проблему. Хочу убрать нижний блок и получить корректную работу.
Комментарии (3)
Попробуйте в файле head.html приложения Магазин заменить строку:
<script type="text/javascript" src="{$wa_active_theme_url}profitbuy.shop.min.js?v{$wa_theme_version}"></script>строкой:
<script type="text/javascript" src="{$wa_active_theme_url}profitbuy.shop.js?v{$wa_theme_version}"></script>в файле profitbuy.shop.js строки:
var origin = f.closest('li'); var block = $('<div></div>').append(origin.html()); block.css({ 'z-index': 100500, background: '#fff', top: origin.offset().top, left: origin.offset().left, width: origin.width()+'px', height: origin.height()+'px', position: 'absolute', overflow: 'hidden' }).appendTo('body').css({'border':'2px solid #eee','padding':'20px','background':'#fff'}).animate({ top: $('#cart').offset().top, left: $('#cart').offset().left, width: '10px', height: '10px', opacity: 0.7 }, 700, function() { $(this).remove(); cart_total.html(response.data.total); cart_count.attr('data-count', response.data.count).hide().show(); });заменить строками:
cart_total.html(response.data.total); cart_count.attr('data-count', response.data.count).hide().show();в файле product.cart.html заменить строку:
<script type="text/javascript" src="{$wa_real_theme_url}product.min.js?v{$wa_theme_version}"></script>строкой:
<script type="text/javascript" src="{$wa_real_theme_url}product.js?v{$wa_theme_version}"></script>в файле product.js строки:
var clone = $('<div class="cart"></div>').append(f.clone()); clone.appendTo('body'); clone.css({ 'z-index': 100500, background: cart_div.closest('.dialog').length ? '#fff' : cart_div.parent().css('background'), top: cart_div.offset().top, left: cart_div.offset().left, width: cart_div.width() + 'px', height: cart_div.height() + 'px', position: 'absolute', overflow: 'hidden' }).css({'border':'2px solid #eee','padding':'20px','background':'#fff'}).animate({ top: $('#cart').offset().top, left: $('#cart').offset().left, width: '10px', height: '10px', opacity: 0.7 }, 600, function () { $(this).remove(); cart_total.html(response.data.total); cart_count.attr('data-count', response.data.count).hide().show(); });заменить строками:
cart_total.html(response.data.total); cart_count.attr('data-count', response.data.count).hide().show();Спасибо, работает. Только вот еще пару вопросов:
1. Из главной страницы нажимаю в корзину, не переходит в корзину как с товара. Возможно что то нужно добавить в категорию.
2. Как можно сделать плавающую корзину как в ранее обсуждалось с плавающим меню. Хочу чтобы вот это как на рисунке закрепилось вверху сайта и преследовало при листании.
3. на главной странице в index.html закомменнотировал:
<!-- {if !empty($theme_settings.desktop_pane)}{include file="desktop.pane.html" inline}{/if} -->
В низу осталось место, можно эту часть блока убрать, сократить?
Адрес вашего сайта укажите
https://треня.рф
1. В файле profitbuy.shop.js, приложения Магазин, замените строку:
if($fcd){строкой:
if($fcd && $('#flying-cart').length){2. Попробуйте добавить в блок пользовательских стилей правило:
a.link-to-cart { position: fixed; top: 0; z-index: 1000; right: 50px; background: #fff; border: 1px solid #ddd; }*стили поправьте на ваше усмотрение
3. В блок пользовательских стилей добавьте правило:
body { padding-bottom: 0 !important; }Замечательно, получилось.
1. Только не как с меню в другой теме. Возможно ли оставить корзину в блоке header7 и если я опускаю страницу, корзина начинает опускаться с фиксацией по странице.
2. Еще вот такое, пересечение товара, можно выровнять?
3. Возможно ли сделать так, что бы при оформлении заказа, на странице это правило не действовало, и только было в самом вверху в блоке header7
И вообще когда планируется полное обновление темы + нужна Ваша личная помощь и настройка, как общались ранее по почте. (у Вас не было времени)
Спасибо.
Напишите, пожалуйста, на почту.