Невозможно настроить анимацию лотереи JSON на веб-сайте shopify - PullRequest
Новая
       63

Невозможно настроить анимацию лотереи JSON на веб-сайте shopify

0 голосов
/ 22 сентября 2019

Я так старался, чтобы анимация лотереи была реализована на shopify, но не смог, у меня есть файлы JSON для анимаций, которые я загрузил в папку ASSETS shopify, имена файлов - data.json и data2.json Поскольку я не очень хорош в кодировании на данном этапе, мне было очень трудно понять, что происходит не так.Вот мой код, который не работает: 

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.4.1/lottie.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        $('.bodymovin').each(function() {
            var element = $(this);
            var animation = bodymovin.loadAnimation({
                container: element[0],
                renderer: 'svg',
                loop: true,
                autoplay: true,
                path: element.data('icon')
            });
        });
    });
</script>



<div class="container py-5 my-5">
    <div class="row">
        <div class="col-md-6">
            <div class="bodymovin p-4" data-icon="{{ 'data.json' | asset_url  }}"></div>
        </div>
        <div class="col-md-6">
            <div class="bodymovin p-4" data-icon="{{ 'data2.json' | asset_url }}"></div>
        </div>

    </div>
</div>

Обратите внимание: когда я добавляю любую ссылку внутри значка данных, например: https://s3.amazonaws.com/iconfinder-files/week-of-icons/2018/animations/01.json Это работает, но не когдая даю URL-адрес моего актива в виде жидкости {{data.json |asset_url}} и {{dataw.json |asset_url}}.Пожалуйста, дайте мне знать, где я не прав, Любая помощь будет оценена.Спасибо

...