How Do You Build A Custom Image Block Template?

I'm trying to build a custom image block template that:[list]

[]allows user to upload an image

[
]insert link

[*]insert title

[/list]

What i'm trying to do is have 4 call to action buttons on the home page.

I can't use normal HTML block with Smarty Content because i plan to have a SVG clip mask on the image and the non computer savy client wants to be able to change the image without HTML knowledge. The block will be 4 columns wide and the code in the template will be what is shown below. “image-eg2” will be the image that is pull into the clip mask. At the moment i think the easiest way would be to create a new template for the "Banners"block? If someone could point me in the right direction that would be much appreciated.



[font=courier new,courier,monospace]

[/font]

[font=courier new,courier,monospace]
[/font]

[font=courier new,courier,monospace]
[/font]

[font=courier new,courier,monospace]
[/font]

[font=courier new,courier,monospace] [/font]

[font=courier new,courier,monospace] [/font]

[font=courier new,courier,monospace] [/font]

[font=courier new,courier,monospace] [/font]

[font=courier new,courier,monospace] [/font]

[font=courier new,courier,monospace] [/font]

[font=courier new,courier,monospace] [/font]

[font=courier new,courier,monospace] [/font]

[font=courier new,courier,monospace]
[/font]

[font=courier new,courier,monospace]
[/font]

[font=courier new,courier,monospace]
[/font]

[font=courier new,courier,monospace]
[/font]

[font=courier new,courier,monospace] starburst[/font]

[font=courier new,courier,monospace]
[/font]

[font=courier new,courier,monospace]
[/font]

[font=courier new,courier,monospace]
OTHER PRODUCTS
[/font]

[font=courier new,courier,monospace] [/font]

[font=courier new,courier,monospace]
[/font]

[font=courier new,courier,monospace]
[/font]

[font=courier new,courier,monospace]
[/font]

At the end of the day i just want a custom block that has the option to upload an image (like a banner block)

I would then manipulate this image data (URL, filename) and enclose it in a custom div. I just need to know which files to create and where…

[quote name='ketutg' timestamp='1423116651' post='204346'] At the end of the day i just want a custom block that has the option to upload an image (like a banner block) I would then manipulate this image data (URL, filename) and enclose it in a custom div. I just need to know which files to create and where… [/quote]

To be honest, it is not a trivial case.

If you contact us via manager@alt-team.com we could help you, but it is not a 5-minute development.



Best regards, Alt-team.

Hi,

You can create a static_template and add whatever code you need ;)



Follow my steps to do that:

1.add file with the code needed

design/themes/[THEME_NAME]/templates/addons/my_changes/blocks/static_templates/custom_image_block.tpl
```<br />
2. Go to layouts and add a new block<br />
![](upload://uGqoCwaBDAIjz4CZXtcELPdaaXN.png)<br />
![](upload://aBkQHScNCYj204Q6CbKNRNRFuIB.png)<br />
<br />
![](upload://2QvTMl7Nxr771QtmcUKLP9K9hzS.png)<br />
<br />
[color=#008000]PS: If this helps you please Vote this post <img src="upload://ssa1U17ndImgNZSdwFNmOF2yUgM.png" class="bbc_emoticon" alt=";)">[/color]<br />
<br />
I hope that helps,<br />
<br />
---<br />
Valentin<br />
[color=#808080][size=2]part of hungryweb.net[/size][/color]

HI Val i know how to create a static block template but what i was asking was how to add a file upload field to this custom black template and a controller to be able to manipulate this uploaded file within the custom template therefore making it dynamic and not static.



Looks like i have to bite the bullet and get some outside help from the Alt-team.

@ketutg, we are also at your service. Feel free to contact us

I have contacted eComLabs and Alt-team for a quote

I managed to develop a solution myself by creating a custom banners/block template file and adding it to the banners add-on so quotes no longer needed