WordPress OceanWP Pergunta: Elemento de página de produto único

Um usuário perguntou ?

Olá,

Eu quero criar uma página de produto personalizada usando o elementalr pro e um tema sea wp, mas o oceanwp continua superando o que eu faço no elemento.

Por exemplo, apenas selecionando um único modelo de produto elementar e aplicando-o, ele fica completamente diferente. Posso pular uma única página de produto do sea wp e criar uma por elemento?

(@apprimit)

Faz 2 anos

Olá,

Você pode compartilhar o URL da página do produto para que eu possa vê-lo?

(@pedroromano)

Faz 2 anos

Para você:

Eu apliquei apenas um dos temas Elementor pro, mas não se parece com uma página.

(@apprimit)

Faz 2 anos

Olá, tente desabilitar/habilitar plugins um por um para verificar possíveis conflitos. Você verá as atualizações para o OeanWP dentro de alguns dias. Deixe-me saber se você terá esse problema com a nova versão do OceanWP.

(@pedroromano)

Faz 2 anos

Ok, descobri que um dos plugins era a causa do problema.

Mas ainda assim, parte da minha pergunta permanece. Acho que o divisor de águas supera muitas das propriedades do Elementor, especialmente para o woocommerce.

Por exemplo, no widget de elemento “preço do produto”, tenho que definir uma cor de texto usando CSS personalizado porque o oceano substitui muitas das propriedades selecionadas por um elemento. Portanto, embora o item forneça uma ótima maneira de custear as coisas, eles geralmente não são usados.

Eu realmente amo o seu tema e sempre quero usá-lo. Você está planejando ajustar esses dados?

(@apprimit)

Faz 2 anos

Olá,

Sim, como mencionei anteriormente, você verá em breve a nova versão do tema OceanWP. Então me avise se você tiver esses erros.

(@yj1009)

Faz 2 anos

Olá @apprimit,

Eu também tenho um problema com a página de um único produto no celular. Quando crio um template com um elemento, parece se encaixar, mas quando carrego o site no meu celular, fica uma grande lacuna do lado direito. A parte em que você pode selecionar o interruptor oceanwp não é adequada, mas não há opções para trocar o pad ou removê-lo.

O link:

Obrigado!

(@apprimit)

Faz 2 anos

Olá,

Tente adicionar o código abaixo à seção Custom > Custom CSS para corrigi-lo.

.variations span.theme-select {
    display: none !important;
}

(@yj1009)

Faz 2 anos

Obrigado, este código funciona. Não há mais lacuna. Existe também uma opção para exibir as imagens modificadas em um layout de paisagem?

Obrigado

(@apprimit)

Faz 2 anos

Use o código CSS abaixo para corrigi-lo

.adsw-attribute-option {
    display: flex;
}

(@yj1009)

Faz 2 anos

Ok, agora é horizontal, mas se houver mais de três alterações, elas farão uma lacuna no lado direito. Então seria ótimo se houvesse apenas três ao lado do outro. Você pode verificar o link acima.

Obrigado

(@apprimit)

Faz 2 anos

Use também este código CSS para corrigir o problema

.woocommerce div.product.elementor form.cart table.variations td.label {
    width: 10%;
}

@media screen and (max-width: 767px) {
.adsw-attribute-option .meta-item-img i {
    width: 30px !important;
    height: 30px !important;
}
}

@media screen and (min-width: 767px){
td.value:before {
    display: none !important;
}
}

(@yj1009)

Faz 2 anos

Olá, O problema ainda está lá quando há mais de quatro alterações, é muito largo no lado direito. Podem ser feitas quatro alterações consecutivas?

Obrigado por ajudar

(@apprimit)

Faz 2 anos

Você pode vincular a essa página onde você tem quatro alterações depois de adicionar o código que eu lhe dei?

(@yj1009)

Faz 2 anos

O link:

(@apprimit)

Faz 2 anos

Funciona perfeitamente para mim. Pode verificar novamente? Além disso, compartilhe uma imagem exatamente do que você está vendo.