Personalizar cartões-presente com uma imagem personalizada

Aviso

Os temas vintage não estão disponíveis na Theme Store. Esses temas não têm os recursos incluídos nos temas da Online Store 2.0 da Shopify, e os temas vintage gratuitos só recebem atualizações para correções de segurança.

Observação

Se você usa um tema gratuito da Shopify, entre em contato com a equipe de Atendimento ao cliente da Shopify para receber ajuda relacionada ao tutorial, que requer 15 minutos para o design. Saiba mais sobre a Política de design da Shopify.

Carregue uma nova imagem para o cartão-presente

1. No admin da Shopify, acesse Loja virtual > Temas.
2. Encontre o tema que você quer editar e clique no botão … > Editar código.
3. No diretório Ativos, clique em Adicionar um novo recurso.

4. Clique em Escolher arquivo para procurar a nova imagem do cartão-presente em seu computador e carregá-la. Sugerimos que você use um nome de arquivo simples, por exemplo, blue-giftcard.png.

5. Clique em Fazer upload de recurso. A nova imagem do cartão-presente aparecerá no diretório Ativos. Anote a extensão de arquivo (.png ou .jpg).

Editar o arquivo do modelo do cartão-presente para que ele use a nova imagem

1. No diretório Modelos, clique em gift-card.liquid.
2. Encontre o seguinte código no arquivo:

<img src="{{ 'gift-card/card.svg' | shopify_asset_url }}" alt="">

1. Substitua-o pelo seguinte:

<img src="{{ 'blue-giftcard.png' | asset_img_url: '1024x1024' }}" alt="">

1. Clique em Salvar.

Observação

Altere blue-giftcard.png para o nome do arquivo e extensão da nova imagem, se necessário.

Pré-visualizar a nova imagem do cartão-presente

1. No editor de códigos do tema, no canto superior direito, clique em Personalizar tema.
2. Abra o editor de temas.
3. No menu suspenso do topo da página ou no menu Modelos em dispositivos móveis, selecione Cartão-presente.