Instalar modulo Facebok - twiter - en STOREBOX  

 
Alexis
 Alexis
Usuario activo

Hola soy byawa.com ,
cuando adquirí la plantilla storebox lo único que me faltaba era un enlace directo a Face y Twit, al consultarlo los comerciales de webempresa me dijeron que podría instalarlo posteriormente, yo estuve buscando en los módulos desactivados que trae por defecto y no lo veo, yo se que mi plantilla tiene un acceso a facebok pero al lado de los productos una vez seleccionados para comprar, pero me interesa también un enlace directo en la cabecera al lado de "buscar" y hacer mas pequeño el módulo buscar.
pego pantalla de ejemplo

pero me gustaría en colores y pequeño como esta.

espero respuesta, gracias...

Citar
Respondido : 08/11/2013 4:59 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

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

ResponderCitar
Respondido : 08/11/2013 6:09 pm

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

Alexis
 Alexis
Usuario activo

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...

ResponderCitar
Respondido : 10/11/2013 5:52 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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:

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

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

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

Saludos.

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

ResponderCitar
Respondido : 10/11/2013 6:03 pm

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

Alexis
 Alexis
Usuario activo

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.

ResponderCitar
Respondido : 11/11/2013 2:28 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

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

ResponderCitar
Respondido : 11/11/2013 4:10 pm

Cursos Gratuitos WordPress

Alexis
 Alexis
Usuario activo

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

ResponderCitar
Respondido : 11/11/2013 4:22 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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;
}

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

ResponderCitar
Respondido : 11/11/2013 5:08 pm

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

Alexis
 Alexis
Usuario activo

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ú?

ResponderCitar
Respondido : 12/11/2013 12:03 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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;
}

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

ResponderCitar
Respondido : 12/11/2013 4:23 pm

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

Por favor Iniciar Sesión o Registro