Faça uma seção fixa

Nota

Esse recurso pode não funcionar em alguns temas do Shopify, dependendo de como o desenvolvedor do tema cria o tema.

Esse recurso se aplica apenas a uma seção. Caso você precise colar um botão, entre em contato com nossa equipe de suporte. (esta documentação não se aplica para tornar um botão adesivo).

Neste artigo, você aprenderá como criar uma seção fixa com código CSS personalizado.

Etapa 1: Forneça um ID exclusivo para a seção

Escolha a Seção (ou elemento – pode ser qualquer coisa) que você deseja tornar fixa.

This will be the sticky section

Navegue para o Inspetor de elementos> guia Avançado> seção Atributos> forneça um ID exclusivo para o elemento. Nesse caso, chamamos de “sticky-01”.

Unique ID to be associated with when using custom CSS code

Etapa 2: adicionar código CSS personalizado

Abra o Editor de código personalizado> copie e cole o código abaixo na seção CSS personalizado> Atualizar.

Importante: Verifique se você obteve o ID correto do elemento após o sinal “#”. Deve ser #ID {…}

Clique aqui para ver o código

https://pastebin.com/raw/J5qQNjpH

Insert code into Custom code editor

Depois de inserir o código como imagem, clique no botão Salvar alteração para salvar o que você acabou de criar.
Agora, escolha o botão Publicar na barra de menus e vá para a página ao vivo para ver o resultado.
Live page result

Do you want to get more sales from the same amount of traffic?

PageFly can help you. We are the best page builder app to give you the freedom to customize your page, build trust and gain more sales.

Explore PageFly
PageFly Languagues

PageFly Help Center is now available in French, Portuguese and Chinese. Please check the flags on the page header.

I got it!