Jump to content

[SOLUCIONADO] Redes sociales en menu horizontal superior

afprestashop
 Share

Recommended Posts

nadie Rookie

nadie

Posted
Posted

Hola! Estoy redondeando mi sitio y decidí colocar los iconos de facebook y twitter en el menu horizontal superior. Me bajé el htmlbox pero no sé como insertarlo en el modulo blocktopmenu.

Alguna idea?

Adjunto imagen

Gracias !

 

Puedes por ejemplo a modo chapuza express, editar el fichero:

 

blocktopmenu.tpl

 

y meterlo a manita.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Y qué debería poner? pido perdon por la ignorancia

 

Abre el:

 

blocktopmenu.tpl

 

Busca por ejemplo esto:

 

 

<li class="sf-search noBack" style="float:right">
 <form id="searchbox" action="{$link->getPageLink('search')}" method="get">
  <p>
   <input type="hidden" name="controller" value="search" />
   <input type="hidden" value="position" name="orderby"/>
   <input type="hidden" value="desc" name="orderway"/>
   <input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'htmlall':'UTF-8'}{/if}" />
  </p>
 </form>
   </li>

 

y debajo añade:

 

<li id="jackypulgas">
<a href="enlace_red_social" target="_blank"><img src="{$img_dir}twitter.png" /></a>
<a href="enlace_red_social" target="_blank"><img src="{$img_dir}facebook.png" /></a>
</li>

 

 

Donde las imagenes twitter.png y facebook.png las subes al directorio "img" de tu plantilla. (Es decir en /themes/tu-plantilla/img/)

 

Y luego por ejemplo en el

 

superfish-modified.css

 

añade esto:

 

#jackypulgas {
width: 223px;
float: right;
margin-top: 4px;
}

 

#jackypulgas a img {
float: left;
}

 

Atención, estas medidas pueden variar, las he puesto a "ojo".

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Recuerda que si el tpl del bocktopmenu.tpl viene sobreescrito en tu plantilla, tienes que modificar el que viene en tu plantilla:

 

/themes/tu-plantilla/modules/blocktopmenu/blocktopmenu.tpl

 

Lo mismo pasaria con el css, en caso de que lo tuvieras sobreescrito en tu plantilla:

 

/themes/tu-plantilla/css/modules/blocktopmenu/css/superfish-modified.css

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Ya se lo que te pasa !!!!

 

Ahora mismo tienes el fichero asi:

 

{if $MENU != ''}
</div>
<!-- Menu -->
<div class="sf-contener clearfix">
 <ul class="sf-menu clearfix">
  {$MENU}
  {if $MENU_SEARCH}
   <li class="sf-search noBack" style="float:right">
 <form id="searchbox" action="{$link->getPageLink('search')}" method="get">
  <p>
   <input type="hidden" name="controller" value="search" />
   <input type="hidden" value="position" name="orderby"/>
   <input type="hidden" value="desc" name="orderway"/>
   <input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'htmlall':'UTF-8'}{/if}" />

  </p>
 </form>
   </li>
   <li id="jackypulgas">
   <a href="enlace_red_social" target="_blank"><img src="{$img_dir}Facebook3.png" /></a>
   <a href="enlace_red_social" target="_blank"><img src="{$img_dir}Twitter3.png" /></a>
   </li>
  {/if}
 </ul>
 <div class="sf-right"> </div>
<!--/ Menu -->

{/if}

 

dejalo asi:

 

{if $MENU != ''}
</div>
<!-- Menu -->
<div class="sf-contener clearfix">
 <ul class="sf-menu clearfix">
  {$MENU}
  {if $MENU_SEARCH}
   <li class="sf-search noBack" style="float:right">
 <form id="searchbox" action="{$link->getPageLink('search')}" method="get">
  <p>
   <input type="hidden" name="controller" value="search" />
   <input type="hidden" value="position" name="orderby"/>
   <input type="hidden" value="desc" name="orderway"/>
   <input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'htmlall':'UTF-8'}{/if}" />

  </p>
 </form>
   </li>
{/if}  
 <li id="jackypulgas">
   <a href="enlace_red_social" target="_blank"><img src="{$img_dir}Facebook3.png" /></a>
   <a href="enlace_red_social" target="_blank"><img src="{$img_dir}Twitter3.png" /></a>
   </li>

 </ul>
 <div class="sf-right"> </div>
<!--/ Menu -->

{/if}

Link to comment
Share on other sites
afprestashop Newbie

afprestashop

Posted
  • Author
Posted

sigue igual ! qué desastre

en este momento mi blocktopmenu.tpl está así, tal como me dijiste:

 

 

{if $MENU != ''}

</div>

<!-- Menu -->

<div class="sf-contener clearfix">

<ul class="sf-menu clearfix">

{$MENU}

{if $MENU_SEARCH}

<li class="sf-search noBack" style="float:right">

<form id="searchbox" action="{$link->getPageLink('search')}" method="get">

<p>

<input type="hidden" name="controller" value="search" />

<input type="hidden" value="position" name="orderby"/>

<input type="hidden" value="desc" name="orderway"/>

<input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'htmlall':'UTF-8'}{/if}" />

 

</p>

</form>

</li>

{/if}

<li id="jackypulgas">

<a href="enlace_red_social" target="_blank"><img src="{$img_dir}Facebook3.png" /></a>

<a href="enlace_red_social" target="_blank"><img src="{$img_dir}Twitter3.png" /></a>

</li>

 

</ul>

<div class="sf-right"> </div>

<!--/ Menu -->

 

{/if}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Ahora ya se te ve, por cierto el #jackypulgas del css dejalo asi:

 

#jackypulgas {
width: 126px;
float: right;
margin-top: 4px;
border-right: none;
}

 

(Asi se te quedara ajustado)

 

Hecho.

Pasó algo...... se duplicaron los iconos en la web, pero hay dos dentro del menu !

 

No hay dos, uno es el que has puesto tu antes en algun sitio y otro es el del menu.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Por cierto,

 

Vacia el directorio /cache/smarty/cache/ (menos el fichero "index") (Lo digo por que no es nada recomendable dejar la cache de smarty desactivada, por otro lado si la activas no se te vera otra vez lo de ahora, hasta que no vacies ese directorio, por eso lo de vaciar el directorio.)

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Listo, perfecto, tema en solucionado, muchisimas gracias

 

Un placer ayudarte y servirte!

 

Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro.

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.

 

PD: He visto que todavia no te has cargado el duplicado :)

 

Voy a cenar :)

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...