Шаблонизатор Twig

[NatalieRedFox_333]

Здравствуйте....! Подскажите плиз, кто сталкивался с шаблонами .twig с чего начать чтоб поближе познакомиться с этой штукой....
Надо кое - что поправить....но я пока понятия не имею где копать...
Тут где то размер картинки указан.... вот его надо немного увеличить

{{ header }}
<div id="product-product" class="container">
    <ul class="breadcrumb">
        {% for breadcrumb in breadcrumbs %}
            <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
        {% endfor %}
    </ul>
    <div class="row">{{ column_left }}
        {% if column_left and column_right %}
            {% set class = 'col-sm-6' %}
        {% elseif column_left or column_right %}
            {% set class = 'col-md-9 col-sm-12' %}
        {% else %}
            {% set class = 'col-sm-12' %}
        {% endif %}
        <div id="content" class="{{ class }}">{{ content_top }}
            
            <div class="row"> {% if column_left or column_right %}
                    {% set class = 'col-sm-6' %}
                {% else %}
                    {% set class = 'col-sm-5' %}
                {% endif %}
                <div class="product-image-main {{ class }}">
                    {% if use_zoom %}
                        <input type="hidden" id="check-use-zoom" value="1" />
                        <input type="hidden" id="light-box-position" value="1" />
                        <input type="hidden" id="product-identify" value="{{ product_id }}" />
                        <div class="lightbox-container"></div>
                        {% if use_swatches %}
                            <div class="product-zoom-image">
                                {% if thumb %}
                                    <a href="{{ popup }}" class="cloud-zoom main-image" id="product-cloud-zoom" style="width: {{ thumb_dimension.width }}px; height: {{ thumb_dimension.height }}px;"
                                       rel="{% if zoom_config.bg_status %} tint:'{{ zoom_config.bg_color }}',tintOpacity:{{ zoom_config.bg_opacity }},{% endif %}
                                            {% if zoom_config.title_status %} showTitle: true {% else %} showTitle: false {% endif %},
                                            zoomWidth:{{ thumb_dimension.width }},zoomHeight:{{ thumb_dimension.height }},
                                            {% if zoom_config.position == 'inside' %} position:'inside', adjustX: 0 {% else %} adjustX: {{ zoom_config.space }} {% endif %}">
                                        <img src="{{ thumb }}" title="{{ heading_title }}" alt="{{ heading_title }}" />
                                    </a>
                                {% endif %}
                            </div>
                            <div class="additional-images owl-carousel owl-theme">
                                <!-- {% if thumb %} -->
                                    <!-- <div class="item"> -->
                                        <!-- <a class="cloud-zoom-gallery sub-image" id="product-image-default" href="{{ popup }}" title="{{ heading_title }}" -->
                                           <!-- rel="useZoom: 'product-cloud-zoom', smallImage: '{{ thumb }}'" data-pos="1"> -->
                                            <!-- <img src="{{ small_image }}" title="{{ heading_title }}" alt="{{ heading_title }}" /> -->
                                        <!-- </a> -->
                                    <!-- </div> -->
                                <!-- {% endif %} -->
                                {% if images %}
                                    {% set img_count = 1 %}
                                    {% for image in images %}
                                        <div class="item">
                                            <a class="cloud-zoom-gallery sub-image" id="product-image-options-{{ image.product_option_value_id }}" href="{{ image.popup }}" title="{{ heading_title }}"
                                               rel="useZoom: 'product-cloud-zoom', smallImage: '{{ image.product_image_option }}'" data-pos="{{ img_count }}">
                                                <img src="{{ image.thumb }}" title="{{ heading_title }}" alt="{{ heading_title }}" />
                                            </a>
                                        </div>
                                        {% set img_count = img_count + 1 %}
                                    {% endfor %}
                                {% endif %}
                            </div>

                        {% else %}
                            <div class="product-zoom-image">
                                {% if thumb %}
                                    <a href="{{ popup }}" class="cloud-zoom main-image" id="product-cloud-zoom" style="width: {{ thumb_dimension.width }}px; height: {{ thumb_dimension.height }}px;"
                                       rel="{% if zoom_config.bg_status %} tint:'{{ zoom_config.bg_color }}',tintOpacity:{{ zoom_config.bg_opacity }},{% endif %}
                                            {% if zoom_config.title_status %} showTitle: true {% else %} showTitle: false {% endif %},
                                            zoomWidth:{{ thumb_dimension.width }},zoomHeight:{{ thumb_dimension.height }},
                                            {% if zoom_config.position == 'inside' %} position:'inside', adjustX: 0 {% else %} adjustX: {{ zoom_config.space }} {% endif %}">
                                        <img src="{{ thumb }}" title="{{ heading_title }}" alt="{{ heading_title }}" />
                                    </a>
                                {% endif %}
                            </div>
                            <div class="additional-images owl-carousel owl-theme">
                                {% if thumb %}
                                    <div class="item">
                                        <a class="cloud-zoom-gallery sub-image" href="{{ popup }}" title="{{ heading_title }}"
                                           rel="useZoom: 'product-cloud-zoom', smallImage: '{{ thumb }}'" data-pos="1">
                                            <img src="{{ small_image }}" title="{{ heading_title }}" alt="{{ heading_title }}" />
                                        </a>
                                    </div>
                                {% endif %}
                                {% if images %}
                                    {% set img_count = 2 %}
                                    {% for image in images %}
                                        <div class="item">
                                            <a class="cloud-zoom-gallery sub-image" href="{{ image.popup }}" title="{{ heading_title }}"
                                               rel="useZoom: 'product-cloud-zoom', smallImage: '{{ image.product_image_option }}'" data-pos="{{ img_count }}">
                                                <img src="{{ image.thumb }}" title="{{ heading_title }}" alt="{{ heading_title }}" />
                                            </a>
                                        </div>
                                        {% set img_count = img_count + 1 %}
                                    {% endfor %}
                                {% endif %}
                            </div>
                        {% endif %}
                    {% else %}
                        <input type="hidden" id="check-use-zoom" value="0" />
                        {% if use_swatches %}
                            {% if thumb or images %}
                                <ul class="thumbnails" id="swatches-image-container">
                                    {% if thumb %}
                                        <li><a class="thumbnail swatches-image" href="{{ popup }}" title="{{ heading_title }}"><img src="{{ thumb }}" title="{{ 
{{ footer }}

 

[NatalieRedFox_333]

вот вроде оно - Documentation - Twig - The flexible, fast, and secure PHP template engine

 

[NatalieRedFox_333]

вообще кто -нибудь имел с этим дело...?