[free] HTML block module

[vekia 8,737]

topic permanently closed

please continue discussion in original thread here:

 

https://www.prestashop.com/forums/topic/189039-module-html-box-for-free/

 

 

 

 

Prestashop HTML block module

 

--- for free ---

works with: 1.2.x + 1.3.x. + 1.4.x + 1.5.x + 1.6.x + 1.7.x

This module is great tool for adding to your shop widgets created by other websites like twitter, facebook, pinterest, allegro, etc. Main feature in this module is an ability to add the "client side" code such like HTML, javascript, css for any place you want.

 

 

 

 

 

download file:

  htmlbox.zip   23.58KB   9222 downloads

 

 

 

 

 

 

[Dead2010 5]

hello, okay vekia?

You can upgrade to work well in prestashop 1.4.10?

 

already uninstalled, installed again and when active the html code and deactivate the code is different. can you see it?

[vekia 8,737]

i think that this is issue in 1.4

 

thanks for information, im going to check this on 1.4

[Dead2010 5]

ok, I look forward

greetings

[ariffaisal 0]

that's it, thanks dude.

[Dead2010 5]

hello vekia, you can by adding a code, add a block?

see the picture

greetings

Edited August 2, 2013 by Speed2010

[vekia 8,737]

you can create a block, in this case you have to paste correct code - in this case - newsletter block code

[Dead2010 5]

hello, Module Adds SotEW's, have an option to choose if I want to block it or not, you can not do the same? I already have this module busy.

 

greetings

[vekia 8,737]

html block allows you to paste the block code. In this case you can copy the code of the block and paste it into the html block

just copy the code from front-end (right click > show source)

[Dead2010 5]

I do not understand much of it, if you did an update for there to choose the field, it was great, I can make a donation for it.

greetings

[vekia 8,737]

i really appreciate your suggestions, but unfortunately i will not update this addon for feature you mentioned, because idea of this module is a bit different.

with this addon you have to create / use own code. It mean, that you can create any block you want (newsletter too)

 

i can show you the piece of the code, just give me url to the page where the newsletter block appear which you want

[Dead2010 5]

ok, but it was only for those who wanted to choose whether to block or not, but you do know.

 

My website testing

http://clonewebsite.ra-informatica.pt/

 

which code for adding the block?

[vekia 8,737]

you have to use this code:

<div id="newsletter_block_left" class="block">
<h4>Newsletter</h4>
<div class="block_content">
  <form action="http://clonewebsite.ra-informatica.pt/" method="post">
  <p><input type="text" name="email" size="18" value="Seu e-mail" onfocus="javascript:if(this.value=='Seu e-mail')this.value='';" onblur="javascript:if(this.value=='')this.value='Seu e-mail';"></p>
  <p>
   <select name="action">
 <option value="0">Subscrever</option>
 <option value="1">Anular subscrição</option>
   </select>
   <input type="submit" value="ok" class="button_mini" name="submitNewsletter">
  </p>
 </form>
</div>
</div>

[Dead2010 5]

hello, I must be not to understand, is that I wanted to be alone module puse block will return for an option for us to choose whether we want to or not.

see in the picture what I want.

 

us to put the html code in your module, we have a choice to choose if we want to add the block or not.

greetings

Edited August 2, 2013 by Speed2010

[vekia 8,737]

hello

i still don't understand what you exactly expect

sry

[Dead2010 5]

hello, i want your module to insert a html code, which had an option to choose if you want to block or not?

already understand?

see image

 

With block(Nº1) and no block (Nº2)

greetings

Edited August 4, 2013 by Speed2010

[vekia 8,737]

design of the each block depends on styles that you use in the code you pasted

[Dead2010 5]

hello, is not it, you could by an option to choose.

for example, in this module, I choose if I want to block or not.

 

no need for the code to add the block, just by the arrow display block.

greetings

[vekia 8,737]

Have you tried this function with non-default modified template with different css styles? I suppose that no,

...Everything depends on theme that you use. If you use non default theme with different css styles this option will not work as you expect

 

What you see in the block - is what you put in into it. In this case you have to use right css styles, nothing more, and your block will appear like a "block"

[Dead2010 5]

hello, I'm using the theme prestashop_001 not understand what you meant.

I liked that your module had an option to activate the block.

thus it was not necessary to add the code to display the block.

your pro version already does this?

greetings

[vekia 8,737]

what you will see depends on code that you use in the module. There is no option to "display as block" because it will not work in the modified templates (when the template has got different css styles).

 

if you want to display code as block you have to use correct code, with correct CSS styles. because everything depends on your template.

[Dead2010 5]

is a bit strange because I thought it gave the module's Adds SotEW do that, I thought this would also.

and the module paid also does not?

[vekia 8,737]

as i said, this feature will not work for all themes, so this feature isn't possible.

Believe me, it's easier to use own code that use this feature. you can customize each aspect of the code

[Dead2010 5]

I wanted to use this code with a block, you could modify for me to understand how poe?

 

<script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"></script>

<div id="SkypeButton_Chat_Rui-RA2010_1">

<script type="text/javascript">

Skype.ui({

"name": "chat",

"element": "SkypeButton_Chat_Rui-RA2010_1",

"participants": ["Rui-RA2010"],

"imageSize": 32

});

</script>

</div>

[Dead2010 5]

hello, here, see this, your module is the pro, I wanted it to appear like it is in the picture, when I wanted to activate.

[vekia 8,737]

in this case you have to use css styles which are related to your theme. i don't know which one you use, so i have to check it, then i will able to give you a correct code, you will see how easy it is

 

you're talking about http://ra-informatica.pt/ ?

[vekia 8,737]

take a look below, with this code you can create blocks like you've got there

<div class="block">
<h4>TITLE OF BLOCK</h4>
<div class="block_content">
CONTEN OF BLOCK HERE
</div>
</div>

[Dead2010 5]

hello, yes.

http://ra-informatica.pt/

greetings

[vekia 8,737]

so please check the code that i pasted above and let me know if this is what you expect

[Dead2010 5]

ok, it worked, tanks.

if I want to add a background image that I put code?

[vekia 8,737]

in this case you have to define the style="" tag with background param for <div> block

[Dead2010 5]

ok, it worked, tanks, only lacked even add it to your module and an option to enable or disable.

if you want to do this I'll make you a donation. always excused by the code. lololo

 

Module paid gives several times on the same side, ex: 2 times and lefthook and 2 times hook right

 

ok, I'll try for the image.

thank you

Edited August 5, 2013 by Speed2010

[vekia 8,737]

thanks for suggestions but i will not add this feature, as i said several posts above - it will not work for everyone, so many of merchatns will be unsatisfied with not working feature

 

best regards

[Dead2010 5]

ok, if you create an img folder inside the module, and put the image there, which code would by? style?

[vekia 8,737]

style="background: url('put here url to the image');"

[Dead2010 5]

did not answer to my question, your paid module, gives several hooks?

 

EX:

2x on the right side

2x left

 

etc?

[Dead2010 5]

style="background: url('put here url to the image');"

 

there

<div class="block">

<h4>TITLE OF BLOCK</h4>

<div class="block_content">

<style="background: url('put here url to the image');"

CONTEN OF BLOCK HERE

</div>

</div>

[vekia 8,737]

yes, you can test it here

http://demo.mypresta.eu/padmin/

login: demo@demo.com

pass: demo1234

 

there

<div class="block">

<h4>TITLE OF BLOCK</h4>

<div class="block_content">

<style="background: url('put here url to the image');"

CONTEN OF BLOCK HERE

</div>

</div>

 

 

no, you have to use it in the <div class="block_content"> or in the <div class="block">

[Dead2010 5]

yes, you can test it here

http://demo.mypresta.eu/padmin/

login: demo@demo.com

pass: demo1234

 

 

 

 

no, you have to use it in the <div class="block_content"> or in the <div class="block">

ok, I'll try.

after your buy if it goes well it replaced the 2 that I have, I am only one.

 

can you show an example of how the code goes down to the picture?...

[vekia 8,737]

<div class="block_content" style="background: url('http://URL-TO-THE-PICTURE');">

[Dead2010 5]

ok, tanks.

I will test your module paid.

greetings

[Dead2010 5]

hello, just saw now, after updating the browser, this code is to deform the website, something wrong?

 

is this code you gave me, just added the rest.

<div class="block">

<h4> TITLE OF BLOCK </ h4>

<div class="block_content">

<script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"> </ script>

<div id="SkypeButton_Chat_Rui-RA2010_1">

<script type="text/javascript">

Skype.ui ({

"name": "chat",

"element": "SkypeButton_Chat_Rui-RA2010_1"

"participants": ["Rui-RA2010"]

"imagesize": 32

});

</ script>

</ div>

</ div>

[vekia 8,737]

you've got there one unclosed DIV

make sure that you use correct code

 

I mean that this block:

<div class="block">

 

hasn't got closing </div> tag

[Dead2010 5]

I'm sorry, can you show an example?

[vekia 8,737]

it is just above, count your <div> blocks and then closing tags </div>,

you will see that you missed one closing </div> tag

just put it at the end of the code.

[Dead2010 5]

I apologize, still do not understand, then you can add it to the code to see the difference?

is this </ div>

 

how have div, I have to close?

if you have 5 div. I have over 5 </ div>?

Edited August 5, 2013 by Speed2010

[vekia 8,737]

it's a basics in the html language

 

if you open <div> block you have to close it </div>

if you open <span> block you have to close it </span>

 

each html tag must be closed.

 

this is your code:

 

<div class="block">

<h4> TITLE OF BLOCK </ h4>

<div class="block_content">

<script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"> </ script>

<div id="SkypeButton_Chat_Rui-RA2010_1">

<script type="text/javascript">

Skype.ui ({

"name": "chat",

"element": "SkypeButton_Chat_Rui-RA2010_1"

"participants": ["Rui-RA2010"]

"imagesize": 32

});

</ script>

</ div>

</ div>

 

 

where is the closing </div> tag for first red <div> block? you don't have it. so you have to append it to the code.

[Dead2010 5]

ok, and then put down? or the end of all?

<div class="block">

<h4> TITLE OF BLOCK </ h4>

</ div>

<div class="block_content">

<script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"> </ script>

<div id="SkypeButton_Chat_Rui-RA2010_1">

<script type="text/javascript">

Skype.ui ({

"name": "chat",

"element": "SkypeButton_Chat_Rui-RA2010_1"

"participants": ["Rui-RA2010"]

"imagesize": 32

});

</ script>

</ div>

</ div>

</ div>

Edited August 5, 2013 by Speed2010

[vekia 8,737]

that's right :)

[Dead2010 5]

that's right :)

 

1- There

 

<div class="block">

<h4> TITLE OF BLOCK </ h4>

</ div>

<div class="block_content">

<script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"> </ script>

<div id="SkypeButton_Chat_Rui-RA2010_1">

<script type="text/javascript">

Skype.ui ({

"name": "chat",

"element": "SkypeButton_Chat_Rui-RA2010_1"

"participants": ["Rui-RA2010"]

"imagesize": 32

});

</ script>

</ div>

</ div>

 

or

 

2- there

 

<div class="block">

<h4> TITLE OF BLOCK </ h4>

<div class="block_content">

<script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"> </ script>

<div id="SkypeButton_Chat_Rui-RA2010_1">

<script type="text/javascript">

Skype.ui ({

"name": "chat",

"element": "SkypeButton_Chat_Rui-RA2010_1"

"participants": ["Rui-RA2010"]

"imagesize": 32

});

</ script>

</ div>

</ div>

</ div>

Edited August 5, 2013 by Speed2010