Instalar modulo Facebok - twiter - en STOREBOX  

Hola Alexis

Por lo que comentas podrías agregar a tu sitio web un módulo html personalizado con imágenes de las redes sociales y ubicado en alguna posición de tu plantilla, por ejemplo la posición topmenu

Revisa el siguiente artículo : https://www.webempresa.com/blog/insertar-iconos-redes-sociales.html

Saludos.

Hola he logrado ponerlo y enlazarlo pero me ha quedado fuera de lugar,
me gustaría reducir a la mitad el buscador y ponerlo en la misma linea que este y el munú superior.
Como lo hago?

Espero reszpuesta, un saludo...

Hola Alexis,

El cambio pasaría por CSS. 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/

Saludos.

Disculpas! la captura que he adjuntad no es la correcta, tengo el módulo arriba en topmargin.
quiero ponerlo en la línea del buscador y el menú superior, necesito reducir el largo del buscador.

Hola,

Parece que has puesto el nuevo módulo en la posición topmenu. Prueba a ponerlo en la posición search para comprobar si así se ve mejor.

Bien ha quedado mejor! me gustaría ponerlo en la misma linea que buscador y hacer el buscador mas pequeño....

Hola,

Para colocarlo como indicas tendrás que hacer algunos cambios en los estilos CSS. Por un lado edita el archivo templates/gk_storebox/css/template.css y localiza el siguiente código:

#gkSearch #mod_virtuemart_search, 
#gkSearch #mod-search-searchword {
	background: transparent url('../images/style1/search_bg.png');
	background-position: right center!important;
	background-repeat: no-repeat!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 350px;
}

Cambia el valor width: 350px; por width: 250px;.

Luego añade el siguiente código al final del mismo archivo template.css:

#gkSearch div.search {
float: left;
}

#gkSearch div.custom {
float: right;
}

Me ha quedado muy bien ubicado, lo único es que hay un pequeño desfase que intenté acomodarlo desde el gestor de módulos pero no he podido, he probado con los márgenes, etc. pero sin resultado...
como hago para que me quede en la misma línea que el buscador...? y el topmenú?

Hola,

Para corregir ese espacio añade al final del archivo templates/gk_storebox/css/template.css el siguiente código:

#gkSearch div.custom p {
margin: 0;
}