miniShop2 не добавляет товар в корзину Firefox
Добрый день. Сделал вывод страницы товара в модальном окне через .load
Сама страница товара выглядит вот так fusion-food.ru/products/rolls/rolls-klassic/rollsi-krim.html (мне показалось что медленнее грузиться ели делать загрузку из определенного тега, по этому оставил загрузку страницы, а на странице голая верстка)
Пример страницы со списком товаров fusion-food.ru/products/rolls/rolls-klassic/
Все работает правильно даже в IE — 9, но в Firefox не добавляет товар в открытом модальном окне
Я не могу понять в чем причина. Буду признателен за помощь.
скрипт загрузки в модальное окно
$(document).on('click','.read-more',function(e){
var Idpage = $(this).attr('data-id');
$( "#content" ).load( '/index.php?id=' +Idpage );
$('body').addClass('overfolw');
$('.prodModal').addClass('open');
});
Сама страница товара выглядит вот так fusion-food.ru/products/rolls/rolls-klassic/rollsi-krim.html (мне показалось что медленнее грузиться ели делать загрузку из определенного тега, по этому оставил загрузку страницы, а на странице голая верстка)
Пример страницы со списком товаров fusion-food.ru/products/rolls/rolls-klassic/
Все работает правильно даже в IE — 9, но в Firefox не добавляет товар в открытом модальном окне
Я не могу понять в чем причина. Буду признателен за помощь.
скрипт загрузки в модальное окно
$(document).on('click','.read-more',function(e){
var Idpage = $(this).attr('data-id');
$( "#content" ).load( '/index.php?id=' +Idpage );
$('body').addClass('overfolw');
$('.prodModal').addClass('open');
});
Комментарии: 7
Во всплывающем окне, к кнопке «В корзину» поробуйте добавить атрибут type=«submit»
<button class="addInCard" name="ms2_action" value="cart/add" type="submit">
<i class="fa fa-cart-plus" aria-hidden="true"></i> В корзину
</button>
К сожалению результата нет…
Если не ошибаюсь, вы в самом товаре не добавили поле
Обратите внимание что допы из модального окна добавляются в корзину.
<input name="count" value="1" type="hidden">
Обратите внимание что допы из модального окна добавляются в корзину.
Может натолкнет на мысль.
Допы и прочие активные элементы находятся в модальном окне, которое уже загружено на страницу по дефолту.
А загружаемый контент — msProduct.content.
Не обрабатывается только событие с кнопки добавления в корзину. Те же плюсы (количество товара) тоже обрабатываются скриптом, со страницы товара.
Такое ощущение, что в Fierfox скрпиты miniShop не обрабатывают запросы из jq.load.
В остальных браузерах работает, а тут нет. И я не могу понять в чем причина.
Допы и прочие активные элементы находятся в модальном окне, которое уже загружено на страницу по дефолту.
А загружаемый контент — msProduct.content.
Не обрабатывается только событие с кнопки добавления в корзину. Те же плюсы (количество товара) тоже обрабатываются скриптом, со страницы товара.
Такое ощущение, что в Fierfox скрпиты miniShop не обрабатывают запросы из jq.load.
В остальных браузерах работает, а тут нет. И я не могу понять в чем причина.
Я страницу товара ajax-ом в модалку подгружал, не через load. Например через arcticModal, или любой другой. Примерно так выглядит:
$('#quickview16').click(function() {
$.arcticmodal({
type: 'ajax',
url: '/kurtka.html',
});
});
Так всё работает, проблем не было замечено.
Похоже это баг firefox — не срабатывает live submit (а может не только live и не только submit, не проверял), если у парента:
transform-style: preserve-3d;
В общем, уберите у .buttons это свойство (и с ним связанные) и все заработает, а уменьшение при нажатие попробуете сделать не через z-трансляцию, а через scale.
Андрей!
От всей души говорю вам «СПАСИБО»! Я почти 10 часов листал форумы, пробовал разные скрипты, и какие только танцы не выполнял.
Огромное вам спасибо))))))
Все работает!
PS: люди, не ставьте на активные элементы следующее содержание:
.addInCard:active{
transform: translateZ(-10px)
}
Лисы вам покоя не надут!
От всей души говорю вам «СПАСИБО»! Я почти 10 часов листал форумы, пробовал разные скрипты, и какие только танцы не выполнял.
Огромное вам спасибо))))))
Все работает!
PS: люди, не ставьте на активные элементы следующее содержание:
.addInCard:active{
transform: translateZ(-10px)
}
Лисы вам покоя не надут!
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.