Configurações do tema

使用configurações de tema para fazer alterações na tipografia, nas cores, nos links de rede social e nas configurações de checkout de sua loja virtual。

使用configurações de tema para fazer alterações na tipografia, nas cores, nos links de rede social e nas configurações de checkout de sua loja virtual。As alterações nas configurações se aplicam a toda a loja virtual。

É possível definir esquemas de cores principais e secundários para a loja virtual。

个性化suas configurações de cor

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场
  3. Para abrir o selector de cores, clique na amostra da cor Para o tipo de conteúdo que será alterado。

  4. 集团新兴市场Salvar

Para saber mais sobre as opções de cores,包括como definir gradies, consulte osEsquemas de cores

装订

定义o estilo e o tamanho da fonte do texto da loja virtual。É possível escolher uma que seja do sistema ou uma personalizada。

建议Fontes do sistema, já que fazer download de novas fontes no computador do client pode reduzir a velocidade de carregamento da loja。Lembre-se de que a exibição depend do sistema operacional usado

Personalizar suas configurações de tipografia

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场装订
  3. 文本之道,小团体AlterarPara usar o selector de fontes。
  4. Para acessar as fontes disponíveis,使用o campo de pesquisa ou clique emCarregar但是
  5. 集团没有名字的fonte que você quer usar e,沉积,emSelecionar
  6. 集团新兴市场Salvar

个性化的tamanhos de fonte

É possível definir os tamanhos-padrão de fonte para o título e o corpo do texto na configuração de tema“Tipografia”。

Etapas:

  1. 集团新兴市场Configurações do tema>装订
  2. Para alterar o tamanho-padrão da fonte dos títulos, selecione umaEscala de tamanho da fonte.O tamanho-padrão e mínimo é de 100%, O máximo é de 150% e cada增量da escala auumenta a fonte em 5%。
  3. Para alterar o tamanho-padrão da fonte do corpo do texto, selecione umaEscala de tamanho da fonte.O tamanho-padrão e mínimo é de 100%, O máximo é de 130%, e cada incremento na escala aumenta a fonte em 5%。
  4. 集团新兴市场Salvar

布局

O布局permite definir a largura máxima para exibição da loja virtual。

  1. 集团新兴市场Configurações do tema>布局
  2. 使用o控制deslizante para escolher entre uma largura de página de 1000px ou 1600px。一个configuração-padrão é 1600 px。
  3. [可选]使用控制的deslizante para adicionarEspaço垂直入口为seçõesDe no máximo 100 px。
  4. [可选]Caso você tenha um布局年级,使用操作系统控件deslizantesEspaco水平eEspaco垂直Para adicionar um espaço entre OS conteúdos, que será de no máximo 40 px nas linhas e 40 px nas coluna。
  5. 集团新兴市场Salvar

Bordas e sombras

É possível ajustar as bordas e as sombras de alguns tipos de conteúdo interativo, como menus deslizantes, botões, variantes ou entradas de quantidade。

如opções personalizáveis段borda圣:

  • Espessura,另一件事
  • Opacidade, que定义一个可视的项目
  • Raio dos章节, que arredonda OS cantos DOS itens

没有caso dassombras,如opções funcionam da seguinte maneira:

  • OpacidadeAltera a visibilidade da sombra do项目。O英勇de 0%移除总暗。
  • Os控制deslizantes de deslocamento水平垂直移动一个sombra ao redor do项目。
  • O控制DesfoquePode ser usado para alterar a opacidade da sombra do项目。

宝途

Adicione sombras, alterere o espaçamento ou a opacidade e ajuste o formato para personizar as configurações dos botões de call-to-action na loja virtual。

例子de loja虚拟com botão de呼吁行动

Personalizar宝途

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场宝途
  3. 使用os控制deslizantes para alterar aparência daBorda做botao。
  4. 使用操作系统的控制,deslizantes para alterarSombra做botao。Para remove a sombra,定义a opacidade como 0%。
  5. 集团新兴市场Salvar

Pílulas变体

如同pílulas许可证você exiba As variantes de um produto em uma página do produto ou em uma seção de produto em不稳定。Dessa maneira, os客户的选择后果一个变型的escolhida para adicionar ao carrinho sem一个必要的mudar de página。

范例de loja虚拟com pílulas de variantes selecionáveis

Personalizar pílulas变体

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场Pílulas变体
  3. 使用os控制deslizantes para alterar aparência daBordaDa pílula变体。
  4. 使用操作系统的控制,deslizantes para alterarSombraDa pílula de variantes。Para remove a sombra,定义a opacidade como 0%。
  5. 集团新兴市场Salvar

Entradas

正如entradas são áreas interativas que exigem a inserção de dados pelo client, por exemplo, um选择者de quantidade, um formulário de assinante de e-mail ou observações do carrinho。Para ajustar a aparência delas na loja virtual,用作configurações do tema。

一个例子,一个例子,一个例子

Personalizar entradas

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场Entradas
  3. 使用os控制deslizantes para alterar aparência daBordada entrada
  4. 使用操作系统的控制,deslizantes para alterarSombrada entrada。Para remove a sombra, basta definir a opacidade como 0%。
  5. 集团新兴市场Salvar

纸箱包装

Os cartões são áreas compartimentalizadas em seções que permitem exibir vários itens, por范例,产品,博客,coleções ou colagens。elesaceitam a personalização形式上的,estilo, cor, alinhamento e preenchimento de imagem。

Personalizar纸箱包装

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场纸箱包装
  3. 使用菜单暂停para escolher umEstilode cartao。
  4. AdicionePreenchimento de image遥控遥控。阿西姆,você acrescenta espaço ao redor das imagens do cartão。
  5. 使用菜单暂停para definir oAlinhamento de textodos是纸箱。É possível escolher entre esquerda, centro (padrão) ou direita。
  6. 使用菜单悬挂para选择Esquema de coresPara OS cartões。
  7. 使用os控制deslizantes para alterar aparência daBorda做cartao。
  8. 使用操作系统的控制,deslizantes para alterarSombra做cartao。Para remove a sombra,定义a opacidade como 0%。
  9. 集团新兴市场Salvar

Contêineres de conteúdo

Os contêineres são a part textual das seções de conteúdo, por exemplo, a caixa de texto em uma apresentação de slides, em banner de imagem ou nas colunas de seções com várias colunas。É importante destacar que a aparência DOS contêineres de conteúdo na loja virtual pode ser personalizada。

个性化contêineres de conteúdo

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场Contêineres de conteúdo
  3. 使用os控制deslizantes para alterar aparência daBorda做contêiner de conteúdo。
  4. 使用操作系统的控制,deslizantes para alterarSombra做contêiner de conteúdo。Para remove a sombra,定义a opacidade como 0%。
  5. 集团新兴市场Salvar

Midia

一个mídia é o componente visual das seções, por exemplo,一个mídia do produto ou A imagem nas seções de imagem com texto。Para personizar a mídia, é possível adicionar bordas e sombras。

Personalizar midia

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场Midia
  3. 使用os控制deslizantes para alterar aparência daBordada midia。
  4. 使用操作系统的控制,deslizantes para alterarSombrada midia。Para remove a sombra,定义a opacidade como 0%。
  5. 集团新兴市场Salvar

Ajuste aparência de菜单suspensos de navegação, janelas modais弹出e弹出做carrinho。

个性化菜单暂停弹出窗口

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场菜单暂停弹出窗口
  3. 使用os控制deslizantes para alterar aparência daBorda
  4. 使用操作系统的控制,deslizantes para alterarSombra.Para remove a sombra,定义a opacidade como 0%。
  5. 集团新兴市场Salvar

Os菜单desliantes são contêineres interativos ocultos que aparecem e desaparecem quando alguém toca ou cliica neles, por exemplo, um菜单navegação recolhível ou opções de filtro。

个性化菜单

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场菜单deslizantes
  3. 使用os控制deslizantes para alterar aparência daBorda
  4. 使用操作系统的控制,deslizantes para alterarSombra.Para remove a sombra,定义a opacidade como 0%。
  5. 集团新兴市场Salvar

Selos

Os selosPromocaoeEsgotadoSão adicionados automaticamente às imagens do produto quando o preço CAI ou quando contagem de estoque chega 0。É possível ajustar a posição,一种形式的cor DOS selos。

虚拟家庭的典范

Os selosPaginae博客没有相应的结果。É possível personalizar a posição e a forma desses selos, mas não a cor。

Personalizar selos

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场Selos
  3. 使用菜单悬挂para选择posição做selo nos cartões de produto。É possível escolher entre superior à esquerda, superior à direita,劣à esquerda (padrão) ou劣à direita。
  4. Adicione章节arredondados com o control deslianteRaio dos章节.Quando você define essa configuração como 0 px, o selo fica com bordas quadradas。Portanto, para arredondar as bordas, basta auumentar o raio。
  5. Escolha嗯Esquema de coresPara OS selos。É possível明确的、可选择的、可选择的、可选择的、可选择的。
  6. 集团新兴市场Salvar

图谱

Os ícones são太阳之梦seções太阳之梦。定义o esquema de cores dos ícones nas configurações do tema。

范例de loja虚拟com ícones em linhas recolhíveis

Personalizar图谱

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场图谱
  3. 使用菜单悬挂para选择cor-padrão dos ícones da loja。Escolha entre Destaque 1, Destaque 2, Botão com contorno ou cor do texto。
  4. 集团新兴市场Salvar

红色的社会

Você博客网站botões关于社会产品和博客文章的比较,关于社会产品和博客文章的链接。Os链接para suas contas de sociais são exibidos no rodapé de sua loja virtual。

Personalizar suas configurações de redes社会

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场红色的社会
  3. 有权利的权利,包括社会权利的联系。Lembre-se de inserir os endereços completos, comohttps://instagram.com/shopifyhttps://twitter.com/shopify
  4. 集团新兴市场Salvar

祝你好运

一个loja虚拟美国pesquisa preditiva, que mostra sugestões de produtos quando os客户começam一个数字没有campo de busca。Essas sugestões podem ajudá-los a formula e refinar as consultas de pesquisa, além de fornecer nova maneiras de conhecer uma loja virtual。Elas também permitem que os clientes vejam resultado detalhados sem precisar sair da página atual。

个性化为seguintes configurações de pesquisa:

  • Ative sugestões de produtos:作定语或终止语,如sugestões de produtos。
  • Exibir fabricante:最具创意的产品sugestões产品。
  • Exibir preco: mostre ou oculte preços em sugestões de produtos。

Alterar configurações da entrada de pesquisa

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场Entrada de pesquisa
  3. 使用configurações para personizar o comportamento de pesquisa da loja
  4. 集团新兴市场Salvar

Para saber maiis soubre como sugestões de produto funcionam, consulte尽管preditiva

的图标

Você pode adicionar um ícone de favoritos (ou favicon), que pode ajudar a fixar a marca de sua loja virtual。O favicon é exibido nos seguintes locais:

  • Na aba do navegador da web
  • 没有histórico做navegador da web
  • Nos ícones da área de trabalho
  • Ao lado do Nome da sua loja virtual após adição aos favoritos

Saiba mais清醒的favicons

个性化seu favicon

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场的图标
  3. Na区域Imagem de favicon,小集团Selecionar imagemE siga um destes程序:

    • Para usar uma imagem que já foi enviada ao admin da Shopify, clique nela e, depois, emSelecionar
    • Para usar uma imagem de seu computador, clique em这条上传.证词,我和我的小团体Abrir.Após一个conclusão做上传,一个图片será selecionada automaticamente。Por fim, clique emSelecionar
    • Para usar uma imagem grátis, clique em画像免费E selecione uma。
  4. Adicionar texto alternativo à sua imagem de favicon:

    1. 集团新兴市场Editar texto alternative
    2. Na janelaEditar imagem, inra uma breve descrição da imagem。
    3. 集团新兴市场Salvar

moeda格式

Se prefer, opte por exibir sempre o código da moeda nos preços prenados em productos, carrinhos e checkout。

  1. 集团新兴市场Configurações do tema
  2. 集团新兴市场moeda格式
  3. Para habilitar códigos de moeda, clique na caixa de seleçãoExibir códigos de moeda
  4. 集团新兴市场Salvar

Carrinho

É possível alterar o estilo do carrinho na loja virtual。Quando o client adiciona um produto ao carrinho, pode ver um painel deslizante, uma página ou uma notificação弹出。Mas, quando está vazio, é possível exibir uma coleção em destaque no carrinho de compras deslizante。

Etapas:

  1. 集团新兴市场Configurações do tema>Carrinho
  2. 使用菜单悬挂para选择um estilo de carrinho: deslizante, página ou notificação弹出。
  3. 可有可无:对大多数人来说,这是一件很重要的事情Exibir fabricante
  4. 可选:ofereça aos客户uma área para fazer solicitações especiais ou adicionar informações extras ao pedido。Para isso, basta selecionar a opçãoAtivar observações清醒的carrinho

Se o tipo estiver definido comoDeslizante, será possível exibir uma coleção没有carrinho de compras deslizante。Vale lembrar que esse group de productos só aparece quando o carrinho está vazio。

Para adicionar uma coleção奥阿利尼奥·德·德·利桑特·瓦齐奥,他们的小团体Selecionar colecao集团AlterarPara escolher uma diente ou remover a que está em exibição。out a opção é clicar emCriar colecao,嗯botão que sai das "Configurações do tema" e leva você para a áreaColecoes做admin da Shopify。

结帐

Esta seção permite个性化检查。Consulte o购物结账Para saber maiis清醒página de checkout de sua loja。

Alterar estilos de tema

Um estilo de tema é uma coleção de configurações escolhidas pelo criador de tema que podem ser applicada à loja para ter uma aparência refinada。Todos os temas têm um estilo aplicado por padrão。Um tema personizado substitute as configurações de estilo de tema pelas suas preferências。Se você aplicar um estilo a um tema, as configurações atuais, como cores e tipografia, serão alteradas。

Etapas:

  1. 集团新兴市场Configurações do tema>Estilo

  2. 没有菜单,没有时间的选择。作为opções disponíveis依赖做tema usado。

  3. 集团新兴市场Salvar

笛卡尔冰箱alterações

O botaoDesfazer回复alteração mais recente, e botãoRefazerInclui novamente uma alteração desfeita。没有派系botãoDesfazerMais de uma vez para a desfazer o trabalho, uma alteração de cada vez。Os宝途DesfazereRefazerEstão localizados na barra de ferramentas do editor de temas。

Os botões Desfazer e Refazer na barra de ferramentas do editor de temas

没有派系botãoDesfazerPara reverter as seguintes alterações:

  • Adicionar, reordenar e excluir seções
  • 顶心,喷口e ouas configurações, na abaConfigurações do tema
  • 重新定义时间。

Tudo pronto para começar一个供应商com一个Shopify?

实验graça