A pasta JS abriga os arquivos .js que serão utilizados no site.

Como utilizar

Os arquivos armazenados na pasta JS podem ser obtidos através de um link estático, que segue a seguinte estrutura:

"https://" + nome da loja + ".fbitsstatic.net/sf/bundle/?type=js&paths=" + lista de caminho dos arquivos + "&theme=" + tema atual + &v= + data e hora do último commit

Exemplo:

https://lojaexemplo.fbitsstatic.net/sf/bundle/?type=js&paths=js1,js2,js3&theme=main&v=202301011059

Existem duas formas de utilizar esse recurso de maneira mais simplificada:

Forma direta

Via variáveis injetadas automaticamente nas páginas:

{{~ capture source ~}}
{{- store.urls.static_bundle}}?type=js&paths=js1,js2,js3&theme={{store.theme -}}&v={{store.last_modified}}
{{~ end ~}}

O link da imagem é atribuído à variável source.
A query string v funciona como versionamento, garantindo que a versão mais recente do arquivo JS seja chamada.

Componente asset

O componente asset retorna uma tag HTML script que referencia os arquivos .js minificados. Para isso, basta informar os parâmetros:

AtributoTipoObrigatórioDescrição
typestringsimTipo do arquivo a ser retornado
pathsarray de stringsimNomes dos arquivos a serem inseridos na tag script

Exemplo:

{{ asset type: "js" paths: ["components", "sort", "filter", "search", "pagination"] }}

📘

Nota

Os nomes presentes dentro do array de paths são exatamente iguais aos nomes dos arquivos de script .js dentro da pasta.