Destacar más el buscador  

Página 1 / 2
 
JOSE LUIS
 JOSE LUIS
Prominent Member

Buenos días, me gustaría destacar más el buscador y ponerle algún mensaje, algo parecido a esto:

Es posible?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 03/09/2014 2:12 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El diseño que tiene el módulo del buscador suele depender de la plantilla de Joomla que se esté utilizando, de forma que algunas muestran este módulo de una forma especial.

Una posibilidad para mostrar de forma más destacada el módulo de búsqueda de productos de Virtuemart consistiría en cambiar la posición del módulo, para que este ocupe todo el ancho de pantalla. Por ejemplo, podrías probar a poner el módulo en la posición top1.

Luego es posible que sea necesario aplicar cambios en la plantilla del módulo y en los estilos CSS para aplicar personalizaciones en él.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 03/09/2014 4:06 pm

Cursos Gratuitos WordPress

JOSE LUIS
 JOSE LUIS
Prominent Member

Y cómo se aplican los cambios en las plantillas? ¿Es muy complicado?

ResponderCitar
Respondido : 04/09/2014 2:01 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Pues todo depende del resultado final que quieras obtener a nivel de diseño. En principio solo sería necesario aplicar cambios en los archivos CSS y, opcionalmente en el archivo modules/mod_virtuemart_search/tmpl/default.php.

En el caso de tener que hacer cambios en este último archivo lo conveniente sería descargarse el archivo default.php de esa ruta y subirlo en templates/gk_yourshop/html/mod_virtuemart_search (tendrás que crear este último directorio), para aplicar los cambios en la nueva ruta. De esta forma las modificaciones no se perderán cada vez que actualizar Virtuemart a una nueva versión.

Usando una aplicación como el Firebug te puede resultar más fácil hacer pruebas sobre los cambios en los estilos CSS que haya que aplicar. En el siguiente artículo de nuestro blog hablamos sobre su uso:

https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/09/2014 3:21 pm

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

JOSE LUIS
 JOSE LUIS
Prominent Member

Podéis enviarme algún otro tutorial más sencillo que este? Con este no me aclaro mucho.

ResponderCitar
Respondido : 09/09/2014 1:33 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

No disponemos de otro tutorial. Ten en cuenta que es difícil encontrar tutoriales sobre cambios de diseño o CSS específicos.

Si colocas el módulo del buscador en la posición que te indicaba te podríamos dar algunos consejos o indicaciones.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 09/09/2014 2:58 pm

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

JOSE LUIS
 JOSE LUIS
Prominent Member

Ya lo tengo en la posición TOP 1

ResponderCitar
Respondido : 10/09/2014 10:02 am
JOSE LUIS
 JOSE LUIS
Prominent Member

CON AUMENTAR LA FUENTE INTERIOR UN POCO Y HACER EL BOTÓN DE "BUSCAR" UN POCO MÁS GRANDE Y EN COLOR,SERÍA SUFICIENTE.

ResponderCitar
Respondido : 10/09/2014 10:56 am

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola JOse

Para destacar un poco más el buscardor, manteniendo este en la misma posición en la que esta

Puedes ubicar el archivo /templates/gk_yourshop/css/template.css y agregar el siguiente codigo

#gkTop1 .search input#mod_virtuemart_search {
     font-size: 14px;
     padding: 8px 10px;
     width: 80%;
}

#gkTop1 .search input.button {
     margin-top: 5px;
     width: 15%;
}

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 10/09/2014 4:35 pm
JOSE LUIS
 JOSE LUIS
Prominent Member

OK, si que me ha salido.
¿y si lo coloco en la posición header1 y elijo la opción "botón con imagen" cómo coloco la imagen?

ResponderCitar
Respondido : 11/09/2014 11:15 am

Cursos Gratuitos WordPress

Lorena
 Lorena
Miembro Moderator

Hola,

La imagen que utiliza en el botón ya viene dada por el módulo, es la lupa. No da la opción de poner una imagen personalizada.

Lo puedes ver en la demo del pack http://demopacktienda.webempresa.eu/yourshop/

Un saludo.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/09/2014 12:01 pm
JOSE LUIS
 JOSE LUIS
Prominent Member

Sí, pero aparentemente da la sensación de poder poner una imagen.

ResponderCitar
Respondido : 12/09/2014 9:41 am

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Jose

Nno todas las plantillas soportan los íconos o imágenes en botones, sin embargo si el buscador es un modulo externo podría tener opciones aidicionales. Una opción que podrías evaluar es colocar tu buscador en esta psoicion pero sin botón , acutlamnete no veo que hayas colocado el botón en la posicion superior.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 12/09/2014 4:43 pm
JOSE LUIS
 JOSE LUIS
Prominent Member

Pero que sentido tiene colocar un buscador sin botón? y además , qué más da la posición en la que está colocado?

ResponderCitar
Respondido : 15/09/2014 9:45 am

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

Jordi Sala
 Jordi Sala
Miembro Admin

Hola José Luis,

Hay muchos sitios web en los que los buscadores insertados en los mismo no tienen botón, solo hay que escribir las palabras de búsqueda y pulsar enter.

La posición influye, ya que depende de como esté configurada una determinada plantilla, pues en una posición de la misma puede estar configurado que el botón de buscar sea una lupa, y en otras posiciones no sea así.

Veo que tienes el buscador activo y ancho 100% de la columna izquierda, y activo el botón buscar, ¿no deseas que se muestre así?

Saludos
Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 15/09/2014 10:59 am
Página 1 / 2

Por favor Iniciar Sesión o Registro