Liquid, JavaScript, Temas
Fala galera, blz?
Gostaria de saber se alguém sabe como eu altero a collection-list.liquid do tema Warehouse para um tamanho maior. Gostaria que fosse possivel naquele menu de categorias utilizar imagens maiores (e não redondas), como essa abaixo.
<div class="collection-item__image-wrapper {% if section.settings.round_images %}collection-item__image-wrapper--rounded{% endif %}" style="background: var(--background)!important; padding: 1.5px; padding-bottom: 100%; height:300px; width: 300px; background-image: url({{ collection_image | img_url: '1x1' }})">
{%- capture supported_sizes -%}{%- render 'image-size', sizes: '300,400,500,600,700,800', image: collection_image -%}{%- endcapture -%}
{%- assign image_url = collection_image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
Tentei ajustar as divs, margens, etc, porém sem sucesso.
Olá @ghmarchi!
Pela a sua explicação eu entendo que você deseja usar imagens maiores na seção lista de coleções. Analisei as opções do tema Warehouse e acredito que você deseja usar imagens maiores e alterar o formato para quadrado na seção da página inicial da loja, certo?
O tema Warehouse é um tema desenvolvido por terceiros. Mas, para conferir isso mais de perto, eu adicionei o tema na minha loja e posso ver que nas configurações dentro do editor de tema já oferece a opção para alterar para o formato quadrado (veja abaixo). No entanto, para alterar o tamanho da imagem precisará fazer ajustes no código.
Se for seguir com a customização no código, nós do suporte da Shopify não conseguiremos te ajudar com instruções específicas, pois não somos especialistas em codificação. Para te ajudar com um direcionamento, eu encontrei alguns posts na comunidade em inglês que podem ser úteis para o que você precisa.
Se você tiver dúvidas de como seguir as instruções recomendadas, eu aconselho responder diretamente ao post e solicitar ajuda ao especialista. O especialista ou algum outro membro que entende do assunto, poderá te ajudar melhor com as customizações necessárias. Se decidir realizar essas alterações, para evitar qualquer problema no seu tema atual, recomendo duplicar o tema e trabalhar em uma cópia.
Caso você não for familiar com o inglês, utilize o Google Chrome para traduzir as páginas para o português e o tradutor de sua preferência para solicitar ajuda.
Espero ter ajudado com essas sugestões. Se você tiver outras dúvidas, estamos à disposição!
Paula | Social Care @ Shopify
- A minha resposta foi útil? Clique em Curtir para me dizer!
- Sua dúvida foi respondida? Clique em Aceitar Solução
- Para saber mais visite nossa Central de Ajuda Shopify ou nosso Shopify Blog
Saiba como expandir as operações em âmbito global com o caminho de aprendizado e o selo...
By Shopify Feb 7, 2025Comece a vender no atacado com o roteiro de aprendizado da Shopify Academy, B2B on Shop...
By Shopify Jan 31, 2025Você é aquele lojista que criou múltiplas lojas para usufruir do período de avaliação...
By Paula Aug 15, 2024