Не работает кнопка купить в Safari и на iOS

InstantCMS 2.X

Компонент Интерент магазин

#1 10 февраля 2021 в 20:01
Добрый вечер! Добрый вечер дорогие друзья!

Накопал проблему в этомкомпоненте.

Все отличное работает в хроме, эдж и т.д. В Safari и на iPhone (iOS) при просмотре айтема кнопка купить не работает. Уже пытался колдовать, и кнопку изменял, и переустанавливал… Результат один.

Вопрос: кто поможет исправить (на ваших условиях)? Спасибо!

PS
Автор компонента на поставленный вопрос ответил, что ни Safari ни айфона у него нет. Поэтому сделать ничего не может.
#2 10 февраля 2021 в 20:12
iDrevniy, возможно, эта подборка поможет Парвизу…
#3 10 февраля 2021 в 20:47

В Safari и на iPhone (iOS) при просмотре айтема кнопка купить не работает.

iDrevniy

iDrevniy, возможно, эта подборка поможет Парвизу..

AndroS

Только что просмотрел демку на 3-х разных iPhone. Работает))
#4 11 февраля 2021 в 15:58

Только что просмотрел демку на 3-х разных iPhone. Работает))

Олег Васильевич я
На новых айфонах работает. На старых айпэдах не работает.
Работоспособность можно также проверить на IE.
Кто-нибудь видел демо-сайт Инстанта с IE?
#5 11 февраля 2021 в 17:48

Кто-нибудь видел демо-сайт Инстанта с IE ?

Ris
Я почти наверняка знаю одного такого человека))
#6 11 февраля 2021 в 19:21
Ris, ну допишите стили под ие.
Там самая чуточка едет из-за flex и его неполной поддержки. Ну и не используйте массово svg



Разумеется я про последний ie, который идет с вин 10.
#7 11 февраля 2021 в 19:38

Там самая чуточка едет из-за flex и его неполной поддержки.

Zau4man
Достаточно добавить
  1. .h-100 {
  2. height: auto !important;
  3. }

Ну и не используйте массово svg

Zau4man
Достаточно загрузить на все страницы этот яваскрипт:
github.com/Keyamoon/svgxuse
Я сделал на всех страницах виджет с таким содержимым:
  1. <script src="/templates/modern/js/svgxuse.min.js" defer></script>
Соответственно, положил svgxuse.min.js туда, куда указано.
#8 11 февраля 2021 в 20:05
Ris, спасибо, добавил в закладки.

А тестить демо-сайт в ие, ну такое…
#9 11 февраля 2021 в 20:20

А тестить демо-сайт в ие, ну такое...

Zau4man
Может это и не знак принадлежности к аристократии, но заметил, что многие тестовые сервисы заходят на сайт как раз из под ие, оставляют за собой кэш и этот кэш потом выдается пользователям разных айпедов и сафарей.
#10 11 февраля 2021 в 21:19

На новых айфонах работает. На старых айпэдах не работает.

Ris

Друзья! Так сложилось, я не виноват, у меня большая семья: есть 2 iPad, есть iphone 5,6,8,10. Ни на одном устройстве кнопка купить в айтеме не работает. 10 вроде не такой старый.

Я понимаю, что компонент бесплатный, но как так-то. Смотрю статистику метрики — 70% посещений с мобильных устройств, из которых 65% яблочники. Имея такой магазин я шлю к хренам половину. Это не нормально.

Простите мой треп в очередной раз. Мне тут постоянно рот затыкают.
#11 11 февраля 2021 в 21:45
iDrevniy,
Извините, что засоряю вашу тему всякими теоретическими выкладками.
А посмотреть ошибки в консоли из под сафари нет возможности?
Например, можно установить сафари для windows, включить меню разработчика, нажать кнопку, которая не работает и посмотреть в консоли, какую ошибку выдаёт.
--------------------------------------------------------------------
К чему я всё это пишу.
Очень часто замечаю на сторонних компонентах одну и ту же ошибку в консоли.
$ not defined
Это говорит о том, что файлы шаблонов загружаются на страницу быстрее, чем jquery.
Обычно решается достаточно просто. Достаточно заменить задержку до загрузки страницы на jquery на ту же задержку на чистом javascript.
То есть все
$(document).ready(function() {
заменить на
document.addEventListener("DOMContentLoaded", () => {

Вот тот же компонент, где во всех файлах произведена такая замена:
/users/files/download7947.html

Достаточно скопировать с заменой папку templates.
Или переустановить компонент…
#12 11 февраля 2021 в 22:57

А посмотреть ошибки в консоли из под сафари нет возможности?

Ris
Как-то так. Это единственная ошибка. Вопрос как она влияет на кнопку купить, может конфликт какой. Эта ошибка появляется ели заходишь на страницу айтема как гость. Если залогиниться, то кнопка купить работает.
  1. TypeError: undefined is not an object (evaluating '$('#comments_add_link').offset().top')
#13 11 февраля 2021 в 23:07

Вопрос как она влияет на кнопку купить, может конфликт какой

iDrevniy
Очень понятно, как влияет. Яваскрипт упирается в ошибку и больше на этой странице не работает.
Попробуйте закомментировать (или удалить) строку 44 в \templates\modern\js\comments.js
Это единственное место, где есть такой код.
После этого обновите кэш браузера и попробуйте кнопку.
#14 12 февраля 2021 в 10:41

Например, можно установить сафари для windows

Ris
Не могу найти установщик, говорят давно забросили эту идею.

iDrevniy, если выключить комментарий для типа контента, работает?
#15 12 февраля 2021 в 16:04

iDrevniy, если выключить комментарий для типа контента, работает?

Evanescence
Да, так и есть. Если отключить комментарии, то все работает.

Простите, я стараюсь подучить php и javascript, но пока еще не силен в этом. То есть, как заставить работать комментарии и кнопку? Спасибо!
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.