Avisos
Vaciar todo

finalizar pedido personalizar

18 Respuestas
3 Usuarios
0 Reactions
67 Visitas
Respuestas: 421
Reputable Member
Topic starter
 

buenas tardes, actualmente mi pagina de finalizar pedido se muestra asi :

image

 

como podria hacer para que se muestre asi:

image

 

Es decir al lado izquierdo los detalles de facturacion y al lado derecho el detalle del producto

WhatsApp Image 2022 06 03 at 12.49.38 PM (1)

Los campos donde va a llenar el usuario no estan alineados son anchos pero no tan altos, 

 

WhatsApp Image 2022 06 03 at 12.50.50 PM

EN DETALLE DE PRODUCTO, ESE CUADRO A LAS BORDES DE LA TABLA LE PUEDO PONER UN COLOR ROJO ? Y FONDO PLOMO? EN VEZ DE BLANCO? 

image

y al boton de comprar como lo pongo de color rojo fondo MAS ANCHO COMO ESTE

image

 

 

Contenido solo visible a usuarios registrados


 
Respondido : 03/06/2022 5:52 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Jaime,

Veo que no comparten el mismo tema, por lo que la única forma de hacer algo parecido seria mediante códigos. No pudimos validar como se ve en la temporal que nos envias por que no vemos productos disponible para agregar en el carrito:

https://www.temporal.preventor.com.pe/tienda/

Igualmente como el codigo que podrías probar seria:

/* Dos culumnas finalizar comprar */
@media (min-width: 993px) {
body .woocommerce .col2-set .col-1{
width:100%;}
.woocommerce-billing-fields h3{
margin-top:40px;}
.woocommerce .col2-set, .woocommerce-page .col2-set{
width:48%;float:left;}
#order_review_heading, .woocommerce #order_review, .woocommerce-page #order_review{
float:left;width:48%;margin-left:2%;}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: right;
width: 100%;
}
}

Verifica agregarlo en Apariencias > personalizar > Css adicional.

Un saludo 🖐️ 


 
Respondido : 03/06/2022 6:11 pm
Respuestas: 421
Reputable Member
Topic starter
 

@argenis

image
image

 aun no se logra visualizar los cambios


 
Respondido : 03/06/2022 6:26 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Jaime,

En este caso tendrías que consultar con nuestros colaboradores:

https://www.webempresa.com/directorio-colaboradores.html

Para que creen un código a medida para que se asemeje lo más posible a la otra página que estás tratando de replicar.

Un saludo 🖐️ 


 
Respondido : 03/06/2022 6:46 pm
Respuestas: 421
Reputable Member
Topic starter
 

@argenis 

EN TODO CASO , COMO HAGO PARA ALINEAR

image

 

LOS DETALLES DE FACTURACION, APARECE UN CAMPO MAS PEQUEÑO QUE EL OTRO 

 

2. se puede poner color al borde de la tabla (detalles de producto)? 

3. como cambio de color el boton COMPRAR a celeste, se puede agrandar? 


 
Respondido : 03/06/2022 6:50 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Jaime,

Como te comente previamente no podemos ver esto por que no podemos agregar un producto al carrito, te comentamos que en este enlace no tienes ningún producto visible:

image

Por lo tanto la url de finalizar pedido donde deberíamos ver lo que nos comentas se ve de esta forma:

image

Necesitamos que crees un producto o nos facilites la url de alguno que tengas para poder verificar, de lo contrario no podremos ver ni poder ayudarte en este caso.

Un saludo 🖐️ 


 
Respondido : 03/06/2022 6:53 pm
Respuestas: 421
Reputable Member
Topic starter
 

@argenis

 

image

 

image

 

estan publicadas pero no se visualizan en la pagina de mi tienda , ME SALE ERROR


 
Respondido : 03/06/2022 7:09 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Jaime,

https://www.temporal.preventor.com.pe/producto/asesoria-y-orientacion-radiologo/

image

No vemos productos, lo mejor es que crees un nuevo tema para verificar esto porque si no podemos ver el producto no lo podremos agregar, y por ende no te podemos ofrecer un css para modificar algo en la página de finalizar compra.

Un saludo 🖐️ 


 
Respondido : 03/06/2022 8:00 pm
Respuestas: 421
Reputable Member
Topic starter
 

https://www.temporal.preventor.com.pe/producto/ecografia-de-cuello/

 

image

 YA ESTA


 
Respondido : 03/06/2022 8:20 pm
Respuestas: 421
Reputable Member
Topic starter
 
image

 
Respondido : 03/06/2022 8:24 pm
Bruno
Respuestas: 6488
Illustrious Member Moderator
 

Hola Jaime,

Puedes probar con los siguientes estilos CSS

.woocommerce form .form-row-first{
width: 100% !important;
}

Para que tenga un aspecto como el siguiente

image

Saludos!


 
Respondido : 03/06/2022 8:30 pm
Respuestas: 421
Reputable Member
Topic starter
 
image

 SI LO ISNERTE AUN NO HAY CAMBIOS

image

 
Respondido : 03/06/2022 8:40 pm
Respuestas: 421
Reputable Member
Topic starter
 

EN TODO CASO , COMO HAGO PARA ALINEAR

image

 

LOS DETALLES DE FACTURACION, APARECE UN CAMPO MAS PEQUEÑO QUE EL OTRO 

 

2. se puede poner color al borde de la tabla (detalles de producto)? 

3. como cambio de color el boton COMPRAR a celeste, se puede agrandar? 


 
Respondido : 03/06/2022 8:43 pm
Bruno
Respuestas: 6488
Illustrious Member Moderator
 

Que tal Jaime

Te recomendaría que validaras tus estilos CSS ya que en una de las capturas que compartes veo un media query de apertura para definir estilos en una proporción definida en este caso un ancho máximo de 767px pero no veo una llave de cierre, quizás por ello mis estilos sugeridos en el comentario anterior no te han funcionado

image

Respecto a tus demás consultas vamos a solventar primero la de los campos para poder darle cierre a este tema que se ha extendido y las demás solicitudes las vemos de forma concreta en nuevos temas por favor 😊 

Saludos!


 
Respondido : 03/06/2022 8:49 pm
Respuestas: 421
Reputable Member
Topic starter
 
image

Si muchisimas gracias, si esta apareciendo en dos columnas, 

PARA CULMINAR POR FAVOR ES POSIBLE LOS CAMPOS NOMBRES Y CORREO APAREZCAN EL MISMO ANCHO QUE EL CAMPO NOTAS DEL PEDIDA, PARA QUE NO QUEDE DESNIVELADO, Y EL BOTON COMPRAR OCMO CAMBIO DE COLOR POR FAVOR 


 
Respondido : 03/06/2022 9:11 pm
Página 1 / 2