Jump to content

[free] HTML block module


vekia
 Share

Recommended Posts

Hi Vekia,

 

  First of all, thank you very much for numereous helps you made with old and solved topics :) Maybe hundred times i encountered right solution in your comments.

 

Actually, this is wired that my first question comes from aduquetly easy problem:

I want to add a custom (but similar to CMS block) to the footer. Here is my sites address: store.parafinn.com i tried many things but always end up with adding the new column just after the My Account column :/ 

i can't find a solution for that.

Here is the code i used:

 

<section class="footer-block col-xs-12 col-sm-3" id="block_various_links_footer">
<h4>Bilgi</h4>
<ul class="toggle-footer">
<li class="item"><a href="http://store.parafinn.com/contact-us" title="İletişim">İletişim</a></li>
<li class="item"><a href="http://store.parafinn.com/content/1-teslimat" title="Teslimat ve Kargo">Teslimat ve Kargo</a></li>
<li class="item"><a href="http://store.parafinn.com/content/2-yasal-uyari" title="Yasal Uyarı">Yasal Uyarı</a></li>
<li class="item"><a href="http://store.parafinn.com/content/3-kullanici-sozlesmesi" title="Kullanıcı Sözleşmesi">Kullanıcı Sözleşmesi</a></li>
<li class="item"><a href="http://store.parafinn.com/content/4-hakkimizda" title="Hakkımızda">Hakkımızda</a></li>
<li class="item"><a href="http://store.parafinn.com/content/5-guvenli-odeme" title="Güvenli Ödeme">Güvenli Ödeme</a></li>
<li class="item"><a href="http://store.parafinn.com/content/6-iade-ve-iptal-kusullari" title="İade ve İptal Kuşulları">İade ve İptal Kuşulları</a></li>
<li class="item"><a href="http://store.parafinn.com/content/category/2-duyurular" title="EXTRA">EXTRA</a></li>
<li class="item"><a href="http://store.parafinn.com/content/7-aktiviteler" title="Aktiviteler">Aktiviteler</a></li>
</ul>
</section>
 
Here is the code, after i click on "Save" and re-enter the HTMLbox module (it somehow delete <section> ...)
 
<h4>Bilgi</h4>
<ul class="toggle-footer">
<li class="item"><a href="http://store.parafinn.com/contact-us" title="İletişim"> İletişim </a></li>
<li class="item"><a href="http://store.parafinn.com/content/1-teslimat" title="Teslimat ve Kargo"> Teslimat ve Kargo </a></li>
<li class="item"><a href="http://store.parafinn.com/content/2-yasal-uyari" title="Yasal Uyarı"> Yasal Uyarı </a></li>
<li class="item"><a href="http://store.parafinn.com/content/3-kullanici-sozlesmesi" title="Kullanıcı Sözleşmesi"> Kullanıcı Sözleşmesi </a></li>
<li class="item"><a href="http://store.parafinn.com/content/4-hakkimizda" title="Hakkımızda"> Hakkımızda </a></li>
<li class="item"><a href="http://store.parafinn.com/content/5-guvenli-odeme" title="Güvenli Ödeme"> Güvenli Ödeme </a></li>
<li class="item"><a href="http://store.parafinn.com/content/6-iade-ve-iptal-kusullari" title="İade ve İptal Kuşulları"> İade ve İptal Kuşulları </a></li>
<li class="item"><a href="http://store.parafinn.com/content/category/2-duyurular" title="EXTRA"> EXTRA </a></li>
<li class="item"><a href="http://store.parafinn.com/content/7-aktiviteler" title="Aktiviteler"> Aktiviteler </a></li>
</ul>

 

Thanks in advance,

Anil

Share this post


Link to post
Share on other sites

You are welcome Paul, 

 

 However, i don't think that is caused by the position.

When i checked Back office > Modules > positions i see HTMLbox hooked displayFooter (where it belongs, i quess)

 

So still need help,

Share this post


Link to post
Share on other sites

Hello again

 

The module is hooked by default to six or seven positions but it was the order of the modules hooked to the footer I was talking about.

 

Have you tried to move the module by "drag and drop" to another position?

 

Just a thought

 

Paul

Share this post


Link to post
Share on other sites

  • 2 weeks later...
  • 4 weeks later...

Ciao a tutti, mi potreste dire come mai a me il blocco mi rimane in inglese? Mi potreste dire cosa devo cambiare per farlo visualizzare in italiano? Ho notato che anche altre cose nel mio sito sono in Inglese, che impostazione devo cambiare?

Grazie.

Alessandro

2015-11-17.jpg

Share this post


Link to post
Share on other sites

  • 1 month later...

This is one of the best module for Prestashop. I have been using this very efficiently. 

Thanks @Vekia

Hi Shashikant,

When I enable the html block module (I put it at the top column), it wraps also the footer and I don't like how it looks since it gets the content size leaving the footer with no margins (brown area).

Share this post


Link to post
Share on other sites

Hi Shashikant,

When I enable the html block module (I put it at the top column), it wraps also the footer and I don't like how it looks since it gets the content size leaving the footer with no margins (brown area).

 

 

everything depends on code that you will use in the module

case needs inspection of website

Share this post


Link to post
Share on other sites

everything depends on code that you will use in the module

case needs inspection of website

Hi Vekia,

This is what I have in the module:

Position is "Top"

and this is the html in the block in order to display the flash I want:

 
<div> 
<object id="FlashID" width="300" height="430" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 380=""> <param name="movie" value="animatedciss1sample1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="animatedciss1sample1.swf" width="380" height="430"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --> <div> <h4>Content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p> </div> <!--[if !IE]>--> </object><br /> <!--<![endif]--></div>
 
<p> </p>

Share this post


Link to post
Share on other sites

 

Hi Vekia,

This is what I have in the module:

Position is "Top"

and this is the html in the block in order to display the flash I want:

 
<div> 
<object id="FlashID" width="300" height="430" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 380=""> <param name="movie" value="animatedciss1sample1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="animatedciss1sample1.swf" width="380" height="430"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --> <div> <h4>Content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p> </div> <!--[if !IE]>--> </object><br /> <!--<![endif]--></div>
 
<p> </p>

 

 

any chance to see it live ? :-)

Share this post


Link to post
Share on other sites

Hi Vekia,

Actually I installed it in my test website (in the localhost), so I will install it later in the real website (now in maintenance mode).

 

But I can send you a screenshot of my test website, so you can see it.

Please look at the footer how the html box wraps it all.

 

Thanks Vekia

 

post-1140295-0-64428500-1451800802_thumb.png

Share this post


Link to post
Share on other sites

Hi Vekia, just compare header with footer. The header brown background expands to the whole wide of the screen, however, the footer, after the html box is installed, the brown background is limited to the content margins.

Share this post


Link to post
Share on other sites

  • 1 month later...
  • 4 weeks later...
  • 3 months later...
Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More