Crie uma Landing Page sem cabeçalho ou rodapé com diversas opções de seções para usar, e não blocos, que podem ser customizadas e reorganizadas. A substituição da página inicial terá seções mutáveis.
Nota: A página alternativa mostrará algum código durante a personalização, mas será desconsiderado. Ele deve desaparecer assim que você clicar em salvar.
Shopify não permite uma seção aninhada ou uma seção dentro de uma seção. O código está apenas substituindo a seção existente. Os avisos devem desaparecer quando a seção for SAVE, isso significa que a substituição foi bem-sucedida.
Para iniciar:
1. Home > Loja Online > Temas > (Escolha o tema a editar) > Ações > Editar código
2. Vá para a pasta Seção e crie uma nova seção, chame-a de seção personalizada. Cole o código abaixo e clique em SALVAR
< div class = "largura da página" > { { página. contente } } { % se seção. configurações . section_select == "coleção em destaque" % } %% em destaque - coleção %% { % endif % } { % se seção. configurações . section_select == "apresentação de slides" % } %% apresentação de slides %% { % endif % } { % se seção. configurações . seção_select == "lista de coleção" % } %% coleção - lista %% { % endif % } { % se seção. configurações . section_select == "conteúdo personalizado" % } %% conteúdo personalizado %% { % endif % } { % se seção. configurações . section_select == "produto em destaque" % } %% produto em destaque %% { % endif % } < / div > { % esquema % } { "nome" : { "pt" : "Seção personalizada" } , "class" : "seção de índice" , "configurações" : [ { "tipo" : "texto" , "id" : "título" , "rótulo" : { "pt" : "Título" } , "padrão" : { "pt" : "Seção personalizada" } } , { "tipo" : "selecionar" , "id" : "seção_select" , "rótulo" : { "pt" : "Selecionar seção" } , "default" : "coleção em destaque" , "informações" : { "pt" : "Por favor, selecione a seção aqui e clique em SALVAR. Em seguida, volte para 'Seção Personalizada' e depois para a seção personalizada." } , "opções" : [ { "rótulo" : { "pt" : "Coleção em destaque" } , "valor" : "coleção em destaque" } , { "rótulo" : { "pt" : "Apresentação de slides" } , "valor" : "apresentação de slides" } , { "rótulo" : { "pt" : "Conteúdo personalizado" } , "valor" : "conteúdo personalizado" } , { "rótulo" : { "pt" : "Produto em destaque" } , "valor" : "produto em destaque" } , { "rótulo" : { "pt" : "Lista de Coleções" } , "valor" : "lista de coleção" } ] } ] } { % termina o esquema % } |
3. Vá para a pasta Modelo, clique em "adicionar um novo modelo"
Crie um novo modelo para = página
Tipo de modelo = líquido
Nome do arquivo = home alternativo
4. Substitua o código pelo código abaixo.
{ % captura em destaque - coleção % } { % seção 'coleção' % } { % endcapture % } { % capturar apresentação de slides % } { % seção 'apresentação de slides' % } { % endcapture % } { % coleção de captura - lista % } { % seção 'lista de coleção' % } { % endcapture % } { % capture conteúdo personalizado % } { % seção 'conteúdo personalizado' % } { % endcapture % } { % captura em destaque - produto % } { % seção 'produto em destaque' % } { % endcapture % } { % atribuir destaque - coleção = destaque - coleção | substituir : 'data-shopify-editor-section' , '' % } { % atribuir apresentação de slides = apresentação de slides | substituir : 'data-shopify-editor-section' , '' % } { % atribuir coleção - lista = coleção - lista | substituir : 'data-shopify-editor-section' , '' % } { % atribuir conteúdo personalizado = conteúdo personalizado | substituir : 'data-shopify-editor-section' , '' % } { % atribuir destaque - produto = destaque - produto | substituir : 'data-shopify-editor-section' , '' % } { % captura personalizada - seção % } { % seção 'seção personalizada' % } { % captura final % } { % atribuir seção personalizada = seção personalizada | substituir : "%%featured-collection%%" , destaque - coleção % } { % atribuir seção personalizada = seção personalizada | substituir : "%%apresentação de slides%%" , apresentação de slides % } { % atribuir seção personalizada = seção personalizada | substituir : "%%lista de coleção%%" , coleção - lista % } { % atribuir seção personalizada = seção personalizada | substituir : "%%custom-content%%" , conteúdo personalizado % } { % atribuir seção personalizada = seção personalizada | substituir : "%%produto em destaque%%" , produto em destaque % } { { seção personalizada } } |
5. Vá para a pasta Layout e adicione um novo layout > Crie um layout a partir de = tema e chame-o de "home alternativo". Deve aparecer como theme.alternate-home.liquid
6. Vá para a pasta Layout e clique em theme.liquid
7. Exclua {% section 'header' %} e {% section 'footer' %}
8. Vá para a pasta Template e adicione o código abaixo no topo a todos os templates da pasta, exceto index.liquid, password.liquid, search.lquid
| {% layout 'theme.alternate-home' %} |
9. Publique seu tema antes de continuar. (Você não verá o modelo de página como opção se o tema não for publicado)
10. Vá para sua loja online > Páginas > Adicionar página > Nomeie-a como Página inicial alternativa e altere o modelo de tema como página inicial alternativa
10. Vá para sua loja online > Navegação > Menu principal > ao lado da página inicial, clique em editar. Altere o link para Páginas > página inicial alternativa
11. Personalize seu tema.
Obrigado (",)
2 comentários
Hi, this doesn’t seem to work for Dawn theme anymore, do you have any update by any chance?
How do I get rid of the /landing/pages as the home page url?