Avisos
Vaciar todo

Icono para él método de envio en checkout

4 Respuestas
3 Usuarios
0 Reactions
16 Visitas
Respuestas: 587
Prominent Member
Topic starter
 

Buenos días. Tengo 2 empresa de transporte una de ella tengo el plugin instalado y funciona correctamente, pero otra de ella no me funciona el plugin, según me informan es un problema de conflictos con la plantilla o el de la otra compañia. Dicho esto, he creado yo manualmente el nombre de la otra compañia, porque para imprimir la etiqueta si que se enlaza con la plataforma de esta compañia. La duda es que no se aprecia porque no tiene ningúna imagen en el check out, ¿Es posible ponerla? gracias


 
Respondido : 16/01/2026 9:27 am
Pepe
 Pepe
Respuestas: 42062
Illustrious Member Admin
 

Hola Manuel Jesús.

Disculpame que no lo entiendo muy bien ¿ El problema es que en la etiqueta no se imprime el logo de la tienda ? ¿ Qué transportista es ?
Si nos das un poco más e información podríamos revisarlo.

 

Un saludo


 
Respondido : 16/01/2026 10:30 am
Respuestas: 587
Prominent Member
Topic starter
 

Lo siento, quizás me he enrrollado un poco. No, el problema es que al crear el transportista manual sale sin logo en el check out y queda "feo o simple" 🙂 Pero no encuentro la manera de poner un logo a ese transportista en el check out, la empresa es inpost, adjunto imagen como nacex si tiene su logo que es mi transportista principal e inpost no.

Captura de pantalla 2026 01 16 a las 11.35.15

 


 
Respondido : 16/01/2026 10:35 am
Karen Rios
Respuestas: 19308
Illustrious Member Moderator
 

Hola Manuel Jesus, 

En este caso puedes probar añadirlo con un codigo CSS como:

#shipping_method label[for="shipping_method_0_flat_rate20"]{
position: relative;
padding-right: 2px; /* espacio para el icono */
}

#shipping_method label[for="shipping_method_0_flat_rate20"]::after{
content: "";
display: inline-block;
width: 34px;
height: 34px;
margin-left: 8px;
vertical-align: top;
background: url("URL DE TU IMAGEN AQUÍ") no-repeat center / contain;
}

Debes deber en cuenta que debes modifica la URL de la imagen de background por la de tu icono, tambien puedes ajustar el tamaño del icono modificando el width y height del codigo CSS que te comparto.

Puedes probar esto y verificar si con ello puedes añadir lo que necesitas. 

Un Saludo 


 
Respondido : 16/01/2026 1:54 pm