Avisos
Vaciar todo

[Resuelto] cambiar estilos comparador  

 
Alba
 Alba
Estimable Member

Buenas,

En la funcion de comparador de nuestra página, la cual hacemos con el plugin berocket product compare, los botones de la tienda Maisons du Monde tiene estilos diferente al resto, como podemos hacer que se vea igual a las demas? 

Captura de pantalla 2021 04 30 a la(s) 17.22.30

Cuando el usuario clica en cualquiera de estos botones (add to cart), que en nuestro caso es un enlace externo, el enlace carga la misma pestaña.

¿Como podemos hacer que este enlace se abra en otra pestaña?

Gracias de antemano,

Alba.

 

Contenido solo visible a usuarios registrados

Respondido : 30/04/2021 4:25 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alba,

Si lo que deseas es modifica los siguientes botones para ello puedes usar el siguiente código CSS

Screenshot
.button.product_type_external {
background: #87a8a8;
color: #fff;
}

Con respecto a las opciones del destino del enlace del producto verifica si dentro de las opciones del plugin hay una configuración adicional para indicarle cual es el destino del enlace

Un Saludo

 

 

Respondido : 30/04/2021 4:41 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Alba
 Alba
Estimable Member

@karen Necesitamos cambiar el ancho y alto del boton solo Maisons du Monde

Dentro del plugin no tenemos opcion, como podemos hacerlo?

gracias!

Respondido : 30/04/2021 4:57 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alba,

Disculpa no logro comprender bien, puedes enviarnos una captura señalando específicamente lo que quieres cambiar.

Respondido por: @albamenasalvasgmail-com

Dentro del plugin no tenemos opcion, como podemos hacerlo?

Verifica si con el siguiente código logras modificar el destino del enlace, debes añadirlo en el function.php de tu tema (preferiblemente tema hijo) o a trabes de un plugin como code snipetts

add_action( 'woocommerce_before_shop_loop_item', 'mycode_woocommerce_template_loop_product_link_open', 20 );
function mycode_woocommerce_template_loop_product_link_open() {
global $product;
if( $product->is_type('external') ) {
echo '<a rel="nofollow ugc" target="_blank" href="' . esc_url( $product->add_to_cart_url() ) .
'" class="woocommerce-LoopProduct-link" data-quantity="'.esc_attr( isset( $quantity ) ? $quantity : 1 ).
'" data-product_id="'.esc_attr( $product->id ).'" data-product_sku="'.esc_attr( $product->get_sku() ).
'" target="_blank">';

} else {

}
}

Un Saludo

Respondido : 30/04/2021 5:16 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Alba
 Alba
Estimable Member

@karen

Captura de pantalla 2021 04 30 a la(s) 17.22.30

1. Te marco en rojo el que está mal, queremos que el texto se ajuste y el boton tenga el mismo tamaño y quede a la misma altura que el resto. 

2. Cuando haces click en un enlace en 2 opciones: a)se abre el enlace en la misma pestaña y te saca de la url en la que estabas (esto es lo que hace el plugin ahora mismo) o b)se abre el enlace en una pestaña nueva, manteniendo asi la pestaña anterior y la nueva, (esto es lo que queremos)

 

 

Respondido : 30/04/2021 5:44 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alba, 

Entiendo, ya que estos botones todos tienes las misma regla al modificar alguno se modifican todos, por ejemplo con el siguiente código puedes bajar el tamaño a la fuente para que se adapta de forma correcta

.button.product_type_external {
font-size: 12px;
}

Ten en cuenta que el texto de esto botones es mas largo y es por ello que se mueven hacia una segunda linea, con respecto a la opción del destino del enlace veo que el plugin no tiene ninguna opción en este caso es posible que se necesite modificar el código para que se adapte por lo que te sugiero contactes con el desarrollador del plugin y le comentes lo que deseas realizar de esta forma pueden indicarte de forma precisa como hacerlo

Un Saludo

Respondido : 30/04/2021 5:55 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Alba
 Alba
Estimable Member

@karen entendemos que puede ser por la longitud del texto, entonces como podriamos ajustar ese texto para que ese boton se muestre igual que el resto?

Contactamos con el desarrollador del plugin para ver que solucion nos ofrecen

gracias

 

Respondido : 30/04/2021 6:13 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Albar,

Como te comente puedes modificar el tamaño de la fuente con el siguiente código

Respondido por: @karen

.button.product_type_external {
font-size: 12px;
}

De esta forma puedes establecer un tamaño de texto que se ajuste para todos los botones

Un Saludo

Respondido : 30/04/2021 7:05 pm

Cursos Gratuitos WordPress

Alba
 Alba
Estimable Member

@karen ok, con esto nos sirve, gracias!

Respondido : 30/04/2021 7:21 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alba,

Gracias a ti, siempre es un placer poder ayudarte

Escríbenos si tienes cualquier otra consulta

Un Saludo 😊 

Respondido : 30/04/2021 7:31 pm

wpdoctor-revisa-la-salud-de-tu-wordpress