Avisos
Vaciar todo

Agregar botones a catalogo

17 Respuestas
4 Usuarios
0 Reactions
1,125 Visitas
Respuestas: 59
Trusted Member
Topic starter
 

Que tal tengo mi catalogo virtual y necesito agregar 3 botones anexo imagen de ejemplo para que en cada producto de visualicen

Saludos

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 22/01/2015 10:31 pm
Johnny Heredia Montiel
Respuestas: 20131
Miembro
 

Hola,

Las opciones las veo activas:

Lo del numero de teléfono podrías colocar en la parte superior del modulo de productos.


 
Respondido : 22/01/2015 11:16 pm
Respuestas: 59
Trusted Member
Topic starter
 

que tal necesito que sea un boton grande y visible como el ejemplo que envie, los clientes No lo visualizan facilmente

gracias


 
Respondido : 22/01/2015 11:27 pm
Johnny Heredia Montiel
Respuestas: 20131
Miembro
 

Hola,

Para cambiar esto tendrás que hacer uso de CSS y cambiar las imágenes. En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

-

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/


 
Respondido : 22/01/2015 11:31 pm
Respuestas: 59
Trusted Member
Topic starter
 

ok hago la imagen generando el boton, cual seria el codigo para que funcionara con el enlace correspodiente para 1-. recomendar a un amigo 2-. Solicitar cotizacion ahora y en que posicion los devo de poner?


 
Respondido : 23/01/2015 2:31 am
Johnny Heredia Montiel
Respuestas: 20131
Miembro
 

Hola,

Para la opción uno puedes modificar la imagen que se encuentra en la ruta: /media/system/images/emailButton.png para el caso 2 puedes utilizar un fichero css prsonalizado: https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html y con la ayuda de firebug modificar el código.


 
Respondido : 23/01/2015 3:53 am
Respuestas: 59
Trusted Member
Topic starter
 

Que tal ya segui las indicaciones del video que me recomendo, modifique la opcion de recomendar a un amigo el problema es que el video muestra como hacerlo pero en una version anterior y los menus no corresponde anexo imagen, mi duda es en que directorio tengo que alojar el codigo??

Saludos


 
Respondido : 23/01/2015 4:00 am
Johnny Heredia Montiel
Respuestas: 20131
Miembro
 

Hola,

Lo recomendable es que el código se inserte en el fichero css personalizado tal como te adjunte en el enlace: www.webempresa.com/blog/item/1469-agregar-archivo-css-personalizado-para-plantillas-gantry.html


 
Respondido : 23/01/2015 4:10 am
Respuestas: 59
Trusted Member
Topic starter
 

Que tal

Yo no se nada de programacion, como puedo crear los 3 botones que requiero?? la primer imagen que anexe

Saludos


 
Respondido : 23/01/2015 4:17 am
Johnny Heredia Montiel
Respuestas: 20131
Miembro
 

Hola,

Como recomendación si no tienes conocimientos de programación seria mejor que no modifiques el código que te puede generar problemas.

Los botones deben ser imágenes, para el botón de recomendación solo se tendria que cambiar la imagen y en el segundo caso colocarlo de fondo mediante CSS.


 
Respondido : 23/01/2015 4:35 am
Respuestas: 59
Trusted Member
Topic starter
 

ok

el boton de imagen de recomendar a un amigo no le veo problema es solo cambiar la imagen

El que me gustaria crear es el de Solicita tu cotizacion ahora, que fuera un boton con el texto, el que esta es solo texto con el enlace al formulario

me podria ayudar a generar ese codigo?

Saludos


 
Respondido : 23/01/2015 5:37 am
Jordi Sala
Respuestas: 12058
Illustrious Member Admin
 

Hola Fernando,

El color de fondo de :::: CLICK AQUI :::: Solicita Tu Cotización Ahora ::::

.productdetails-view a.ask-a-question {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.productdetails-view a.ask-a-question {
    background: none repeat scroll 0 0 rgba(215, 40, 40, 0.9);
    border: 0 none;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

El color está en RGBA: http://www.css3maker.com/css-3-rgba.html
Cambio a color morado:

.productdetails-view a.ask-a-question {
    background: none repeat scroll 0 0 rgba(215, 40, 40, 0.9);
    border: 0 none;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

Pero se puede "jugar" con el código para poner un borde al botón, cambia color de la fuente, etc:

Saludos


 
Respondido : 23/01/2015 9:35 am
Respuestas: 59
Trusted Member
Topic starter
 

Que tal tu compañero Jordi Sala me envio el codigo esta excelente lo que no se es la ruta donde colocar este codigo? me podrias ayudar

Saludos


 
Respondido : 23/01/2015 5:30 pm
Respuestas: 59
Trusted Member
Topic starter
 

Que tal el codigo esta excelente lo que no se es la ruta donde colocar este codigo? me podrias ayudar

Saludos


 
Respondido : 23/01/2015 5:34 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Debes colocarlo en el archivo personalizado, actualmente veo que ya tienes código

El archivo :
/templates/prometeo/css/prometeo-custom.css

Saludos.


 
Respondido : 23/01/2015 6:26 pm
Página 1 / 2