Creat new Class and template

Thursday 11 March 2010 9:17:17 pm

Hi,

I need to create a class which is design should be same as "FrontPage" but with four columns. Could you please someone let me know how I can do it.

Does it require creating a template also? Since I checked the "FrontPage" class attributes in edit mode and I found that the there is a template called "frontpage.tpl" which specify how the output should be. But I don't know how I can create such template for my new class.

Really appreciate your help on this.

Thank you,
Vins

Monday 22 March 2010 4:17:05 am

HI Vins,

You can create a new class by following below steps:

1. Click on the "Setup" tab.
2. Click on "Classes" - from within the menu on the left hand side.
   A list of class groups will appear.
3. Click on "Content" (from within the list).
   A list of available classes will appear.
4. Click on the "New class" button.
   The class edit page will appear.
5. select the attributes which u need in your class. and add that attribute by clicking add attribute.

6. click ok if you are done.

   till now you are ready with your class and now you have to override full.tpl for your class.
   Example code of override file"

   <div class="content"><h1>{$node.name|wash()}</h1>{attribute_view_gui attribute=$node.data_map.body}</div>

   you will require to override embeded and line tpl as per your requirement

   Thank you,
   Sandeep

Thursday 25 March 2010 2:32:10 am

HI Vins ,

I faced the same problem while creating class for form.

I solved it by creating an override for full.tpl for class.

Same thing is sandeep asking you to do after point 6.

If you are not aware how to create override.
please follow below steps:
Search for full.tpl in template list of design tab.

select "node/view/full.tpl"

click new override
select your extension in extension drop down {optional}

and your desired class in all classes drop down

the content of the overridden file will b similar as provided by sandeep:

{attribute_view_gui attribute=$node.data_map.body}

in place of "body" you will need to set your attribute name what you want to display.

Thank you,
Akhilesh

Tuesday 06 July 2010 5:01:27 am

1. did you cleared cache after doing override.?

2. turn on debugging and check all overrides for the template
ie. in Template Used to render the page section check for Template loaded for below file
"node/view/full.tpl ".

this should show the file that you have overrided ie "full_classname". Let me know what you get :)

Thank you
Sandeep

Wednesday 07 July 2010 12:14:36 am

what is the name of file that you created while overriding your full.tpl
is this frontpage.tpl .????

or any thing else .?

please provide the file name and path where that override file is stored

and the override condition in file "override.ini.append.php"
settings\siteaccess\<site_access>

Friday 09 July 2010 1:50:01 am

Sorry guys for haven't come back to you soon. Thanks for your reply.

I am a newbie to eZ and yet haven't fully entered into it..

That's exactly what I am trying to do, Kevin. Since I tried the several view options and couldn't get the desired outcome, I just followed the procedures from this post but I couldn't even get the generated override file listed in the used templates of debug: I just got that frontpage.tpl in place of it.

...

In the override templates section of the new created jquery class' details page I get listed:

Siteaccess: public
override: full_jquery
origin template: node/view/full.tpl
override template: design/admin2/override/templates/full/jquery.tpl

I added the following block in the override.ini.append.php (in setting/siteaccess/public/):

[full_jquery]
Source=node/view/full.tpl
MatchFile=full/jquery.tpl
Subdir=templates
Match[class_identifier]=jquery[full_jquery]

...

p.s.While creating the override (from Design->Templates->new override) I also got confused about what to enter into the fields, I just guessed: extension, I gave the ezwebin (the one I am working on), for the name, jquery (?), then selected jQuery class, all sections, and empty file. But really I don't know if I did right.

Thanks again...

loredanaebook.it

Wednesday 11 August 2010 10:01:58 am

Hi guys, Sorry again for delay. I had some days off (..for my wedding) and now it's time for me to get back to work dealing with my ez project..

Well, I am sure it cannot be so complicated but yet I cannot figure out how the override works!

Thanks Kevin, you gave me a good hint since the siteaccess I was testing wasn't "public" but "ita"!
So I added the required block to setting/siteacess/ita/override.ini.append.php as follows:

[full_jquery]
Source=node/view/full.tpl
MatchFile=full/jquery.tpl
Subdir=templates
Match[class_identifier]=jQuery

I added a new full/jquery.tpl file inside "design/ezwebin/override/templates/" containing the following block of code:

{* JQuery - Full view *}<div class="content-view-full">
    <div class="class-jquery">
        <!--<h1>{$node.data_map.name.content|wash()}</h1>->
        {* Body. *}
        {if $node.data_map.body.has_content}
            <div class="attribute-long">
                {attribute_view_gui attribute=$node.data_map.body}
            </div>
        {/if}
    </div>
</div>

...

All "extension/ezwebin/design/ezwebin/override/templates/full/frontpage.tpl" contains is:

...
    <div class="columns-frontpage float-break">
        <div class="left-column-position">
            <div class="left-column">
            <!-- Content: START -->
                   {attribute_view_gui attribute=$node.object.data_map.left_column}
            <!-- Content: END -->
            </div>
        </div>
        <div class="center-column-position">
            <div class="center-column float-break">
                <div class="overflow-fix">
                <!-- Content: START -->
                    {attribute_view_gui attribute=$node.object.data_map.center_column}
                <!-- Content: END -->
                </div>
            </div>
        </div>
        <div class="right-column-position">
            <div class="right-column">
            <!-- Content: START -->
                  {attribute_view_gui attribute=$node.object.data_map.right_column}
            <!-- Content: END -->
            </div>
        </div>
    </div>
    <div class="attribute-bottom-column">
        {attribute_view_gui attribute=$node.object.data_map.bottom_column}
    </div>

...

I have been struggling all day long adding file here and there and now I am really confused since none of my attempts gave any result..

Here's the information I can give:
- The templates I am working with are placed inside "extension/ezwebin/design/ezwebin/templates".
- The full.tpl which seems to be connected with the inserted object is located inside design/standard/templates/content/view/full.tpl

All I need to do is inserting the only content of the body of my jquery class' object in the home page!

The folders structure of ez publish has become a maze for me now and I hope I can sort it out with your help!

Many many thanks!

loredanaebook.it

Monday 16 August 2010 12:49:08 pm

Thank you Kévin! Your help has saved me hours!
I guess I am on the right track now on the way this override system works.

Even though for this new created "jquery" class I had to attempt something else, the steps you told me worked great to override the article.tpl and folder.tpl classes which I altered by adding overriding files inside extension/ezwebin/design/ezwebin/override/templates/full/ and line/.

...

Exactly dunno why but for this jquery object I had to override the content/view/full..

Once set the "inline template debug" on for the ita siteaccess, the jquery object had design/ezwebin/override/templates/content/view/full.tpl above it.

So I created the folder path brand new as above recalled and added this lines into the full.tpl file (commenting out all the other lines of the original copied full.tpl file)

{* view Full *}
{* Body. *}
<div>
{attribute_view_gui attribute=$object.data_map.body}
</div>

..and declared it in the settings/siteaccess/ita/override.ini.append.php

[full_jquery]
Source=content/view/full.tpl
MatchFile=content/view/full.tpl
Subdir=templates
Match[class_identifier]=jquery

..and this time it worked.

No way if I create a jquery.tpl inside design/ezwebin/override/templates/full/ and declare it as MatchFile=full/jquery.tpl, though! It doesn't work this way which is a bit strange to me, as it should, shouldn't it!?

But why for the folders and articles classes in the "Templates used to render the page" list the loaded template is respectively extension/ezwebin/design/ezwebin/override/templates/full/folder.tpl and article.tpl and yet for the jquery it returns extension/ezwebin/design/ezwebin/override/templates/full/frontpage.tpl and need to alter the content/view/full instead?
Tell me if I am wrong, has this anything to do with the object inserted in a Folder main node either than a FrontPage one, by any chance?

Thanks again!

loredanaebook.it

Tuesday 17 August 2010 8:47:52 am

You got it ! To obtain the path of the template you are creating, just concat the Subdir field with the Source field.

I think there is a content folder in this path because this object is not called as a node (otherwise it would be design/override/template/full), but rather as a content of the frontpage.

For template debugging, I don't use this list. Just check the box "Template Debug", then with firebug you look at the HTML code of the page. If you activate the comments you will be able to see when each template begins and ends. It's way handier than the templates used to render the page list, or even the inline template debug.

If you have other interrogations I'll be glad to help, not so long ago I was the one struggling with eZ folders. I'll just may take 1 or 2 days to answer as I'll be off for several days.

Cheers !

___

Kévin

Saturday 28 August 2010 10:19:09 am

Another useful tip to help with template debugging: you can use the debug-log template function (http://ez.no/doc/ez_publish/technical_manual/4_x/reference/template_functions/debugging/debug_log) to send messages to the debug area at the bottom of the page. Using messages such as 'template X start', 'template X end' or concat('rendered at timestamp ',currentdate()) can help understanding what happens under the hood.

The ezdebug_tempalte_operator extension (http://projects.ez.no/ezdebug_template_operator) is also available

Principal Consultant International Business
Member of the Community Project Board