Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Agregar botones a catalogo  

Página 1 / 2
 
Fernando
 Fernando
Usuario experto

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

Citar
Respondido : 22/01/2015 10:31 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Las opciones las veo activas:

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

ResponderCitar
Respondido : 22/01/2015 11:16 pm

Cursos Gratuitos WordPress

Fernando
 Fernando
Usuario experto

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

gracias

ResponderCitar
Respondido : 22/01/2015 11:27 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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/

ResponderCitar
Respondido : 22/01/2015 11:31 pm

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

Fernando
 Fernando
Usuario experto

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?

ResponderCitar
Respondido : 23/01/2015 2:31 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 23/01/2015 3:53 am

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

Fernando
 Fernando
Usuario experto

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

ResponderCitar
Respondido : 23/01/2015 4:00 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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

ResponderCitar
Respondido : 23/01/2015 4:10 am

Fernando
 Fernando
Usuario experto

Que tal

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

Saludos

ResponderCitar
Respondido : 23/01/2015 4:17 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 23/01/2015 4:35 am

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

Fernando
 Fernando
Usuario experto

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

ResponderCitar
Respondido : 23/01/2015 5:37 am
Jordi Sala
 Jordi Sala
Miembro 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

ResponderCitar
Respondido : 23/01/2015 9:35 am

Cursos Gratuitos WordPress

Fernando
 Fernando
Usuario experto

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

ResponderCitar
Respondido : 23/01/2015 5:30 pm
Fernando
 Fernando
Usuario experto

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

Saludos

ResponderCitar
Respondido : 23/01/2015 5:34 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

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

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

Saludos.

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