Destacar más el buscador  

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.

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

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:

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

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.

Ya lo tengo en la posición TOP 1

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.

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.

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?

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.

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

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

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?

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