eZ Community » Forums » eZ Publish 5 Platform » [eZ - 2014.07] - Image alias original...
expandshrink

[eZ - 2014.07] - Image alias original width and height

[eZ - 2014.07] - Image alias original width and height

Wednesday 14 January 2015 9:27:20 am - 1 reply

Hi,

We have a problem on rendering of an ez image field with the function template "ez_render_field". We discover that in the default case, the alias "original" is rendered (file "EzPublishCoreBundle....../content_fields.html.twig" :

<img src="{% if imageAlias %}{{ asset( imageAlias.uri ) }}{% else %}//:0{% endif %}"{% if imageAlias.width is defined %} width="{{ imageAlias.width }}"{% endif %}{% if imageAlias.height is defined %} height="{{ imageAlias.height }}"{% endif %} alt="{{ field.value.alternativeText }}" />

The problem is that the imageAlias orginal has not width and height by default. Why ? We want to display the image uploaded by default, but we want also to define the sizes in the HTML rendered block.

To solve the problem, we had to override the fields template and get the with and height directly in the field like this :

{% block ezimage_field %}
    {% spaceless %}        
        {% if not ez_is_field_empty( content, field ) %}            
            {% set imageAlias = ez_image_alias( field, versionInfo, parameters.alias|default( 'original' ) ) %}
            {% set width = field.value.width %}            
            {% set height = field.value.height %}            
            {% if imageAlias %}                
                <img {% if parameters.class is defined %}class="{{ parameters.class }}"{% endif %}                     
                src="{{ asset( imageAlias.uri ) }}"                     
                {% if imageAlias.width %}width="{{ imageAlias.width }}"{% else %}width="{{ width }}"{% endif %}
                {% if imageAlias.height %}height="{{ imageAlias.height }}"{% else %}height="{{ height }}"{% endif %}
                alt="{{ field.value.alternativeText }}"/>            
            {% endif %}        
        {% endif %}    
    {% endspaceless %}
{% endblock %}

Is there another solution mabe ?

 

Tkx for your help,

Modified on Wednesday 14 January 2015 3:01:41 pm by Clem PERISCOPE

Tuesday 21 July 2015 6:24:39 pm

Hello,

Same problem here. Your solution works. 

But I created a pull request to add missing height and width in the kernel : https://github.com/ezsystems/ezpublish-kernel/pull/1349

 

Nicolas

expandshrink

You must be logged in to post messages in this topic!

36 542 Users on board!

Forums menu

Proudly Developed with from