woocommerce/woocommerce

Attribute Select Needs a Unique ID as it conflicts with Theme css and causes duplicate IDS

Fechada

#26.832 aberto em 21 de jun. de 2020

Ver no GitHubGuia do colaborador
 (12 comentários) (0 reação) (0 responsável)PHP (10.695 forks)batch import
EnhancementGood First IssueKirigamiStore Frontendplugin: woocommerce

Métricas do repositório

Stars
 (10.294 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Hi

When creating a Attribute . It adds the label name as a ID to the select drop down. This f.e. when calling it logo conflicts with themes that also use a header logo with a id set to logo. Could you please use class names instead of ids and or add a unique identifier to the ID for dropdown select? To avoid doubles id's in pages but also conflicts with themes !

You can not expect every theme to rewrite all there id names because woocommerce is not adding a unique identifier to the Attribute select dropdown.

In Theory any element id a theme or page uses can be replicated by creating a Attribute ! So there can always be a css conflict.

Guia do colaborador

Direção de pesquisa
Investigue o código de renderização do menu suspenso de atributos de produto do WooCommerce. O problema é que o elemento <select> para atributos usa o rótulo do atributo como seu ID, causando conflitos com o CSS do tema. Procure em arquivos como `/includes/class wc product attribute.php` ou arquivos de modelo em `/templates/single product/` pela saída do menu suspenso de atributos. Considere alterar o ID para uma classe ou anexar um sufixo único (por exemplo, slug do atributo ou número aleatório) para garantir unicidade. Verifique os comentários existentes para qualquer orientação dos mantenedores sobre a abordagem preferida.
Pilha de tecnologia
phphtmlcssjavascript
Domain
frontendaccessibility
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Antigo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
WooCommerce attribute systemCSS and HTMLWordPress theme integration
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75