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
asset
O componente asset
retorna uma tag HTML script que referencia os arquivos .js minificados. Para isso, basta informar os parâmetros:
Atributo | Tipo | Obrigatório | Descrição |
---|---|---|---|
type | string | sim | Tipo do arquivo a ser retornado |
paths | array de string | sim | Nomes 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.
Updated 11 months ago