Atrelar produtos e exibir na página de produto como variações do produto pai

Topic summary

Um usuário está tentando criar uma funcionalidade para exibir produtos relacionados na página de produto como se fossem variações de cor do produto principal. Ele compartilhou código que utiliza tags para vincular produtos, mas enfrenta dificuldades: o código não está puxando todos os produtos corretamente nem lendo as tags de forma adequada.

Código problemático:

  • Utiliza loops através de coleções e paginação
  • Tenta filtrar produtos por tags com prefixo “alt
  • Não está funcionando conforme esperado

Resposta do suporte:

  • O suporte geral da Shopify não cobre alterações de código
  • Sugestão de usar apps como “Product Options & Customizer” para solução mais simples
  • Recomendação de postar na comunidade em inglês para obter ajuda de desenvolvedores
  • Possibilidade de contratar um Especialista Shopify para resolver o problema

Status: A questão permanece sem solução técnica, com orientação para buscar recursos alternativos (apps ou comunidade de desenvolvedores).

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

Boa tarde, tudo bem?

Estou precisando fazer o atrelamento dos produtos e exibir na página do produto como se fosse variações de cor, exemplo: https://prnt.sc/oB2rQwk52Irn; Estava dando uma pesquisada e encontrei algumas formas de fazer através de tag, porém não estou conseguindo puxar todos os produtos na função e com isso não está lendo os produtos que possuem a tag corretamente, segue abaixo o código utilizado até o momento:

<div style="display: none;">
    {% for collec in collections %}
  		{% assign collec_name = collec.title %}
  		{% assign testeColecao = collections[collec_name] %}
  		{% paginate testeColecao.products by 1000 %}
  		{% for products in testeColecao.products %}
  			<a href="{{ products.url }}" title="{{ products.title }}"><img src="{{ products.featured_image | img_url: '90x90', crop: 'center', format: 'jpg' }}" alt="{{ products.title }}" /></a>
  		{% endfor %}
  		{%- endpaginate -%}
  	{% endfor %}
</div>

Segue também o código base que estou utilizando para validar as tags:

{%- assign tag_alt = "teste" -%}
 {%- for tag in product.tags -%}
  {%- assign tag_prefix = tag | slice: 0, 5 -%}
  {%- if tag_prefix == "_alt_" -%}
   {%- assign tag_alt = tag -%}
   {%- break -%}
  {%- endif -%}
 {%- endfor -%}"

Fico aguardando o retorno, caso tenham alguma outra solução mais viável.

Obrigado!

Olá, @Henrry-FG

Os agentes de suporte geral da Shopify não são desenvolvedores. Por esse motivo, nosso suporte não cobre alterações no código da loja.

Dito isso, você está tentando criar uma funcionalidade na página de produto de sua loja online onde produtos relacionados são exibidos como se fossem variantes de um produto principal? Pergunto para saber se entendi o que deseja fazer, já que o print enviado não abriu pra mim. Se sim, você pode buscar um app para isso, como o Product Options & Customizer, o que seria uma solução mais simples e rápida.

No entanto, se você preferir continuar usando o código, recomendo postar uma pergunta em um dos fóruns da nossa Comunidade em inglês. Vários Especialistas da Shopify estão por lá ajudando os usuários e, quem sabe, alguém pode verificar seu site para você. Para maximizar as chances de receber uma resposta, inclua o link público para o seu site, o tema que você está utilizando e a alteração feita no código. Você também precisará postar sua pergunta em inglês, mas pode utilizar um tradutor para te ajudar.

Você também pode contratar um Especialista da Shopify para consertar o erro para você. Veja aqui uma lista de Especialistas brasileiros.

Se tiver alguma dúvida, deixe um comentário e ficarei feliz em ajudar.