text 主题中的自定义js自定义文件自定义js文件

Posted 2021-05-01

\!h ----- Кастомный js файл в теме

templates/layout/base.html
<button class="my-button">Test</button>

assets/js/theme/global.js
import custom from './global/custom';
и
custom();

assets/js/theme/global/custom.js

/* eslint-disable */
export default function () {
    $('.my-button').click(() => {
        alert("You clicked my-button");
    });
}


-------------------------------------

templates/layout/base.html

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://player.vimeo.com/api/player.js"></script>
<script type="text/javascript" src="{{cdn 'js/custom/skrollr.min.js'}}"></script>
<script type="text/javascript" src="{{cdn 'js/custom/jquery.main.js'}}"></script>


https://support.bigcommerce.com/s/article/Using-Script-Manager?_ga=2.162326520.536502020.1544692109-30540773.1544692109

https://developer.bigcommerce.com/stencil-docs/development-quickstart/customizing-javascript

Править assets/js/theme

Можно импортировать через assets/js/theme/global.js

——
Если надо добавить глобально, добавлять в один из файлов assets/js/theme/global

$(function() {
  initSkrollr();
});

function initSkrollr(){
    alert("Hello");
}

——