<div class="productHeader {{ class }}">

    <div class="itemTitle">

        {% if use_h2 is not empty %}
            <h2 class="mainTitle">{{ item.name }}</h2>
        {% else %}
            <h1 class="mainTitle">{{ item.name }}</h1>
        {% endif %}

        {% if item.custom.product_subtitle is not empty %}
            <h3 class="itemSubtitle">{{ item.custom.product_subtitle }}</h3>
        {% endif %}

    </div> <!-- .itemTitle -->
 
    {% if titles_only is empty %}

        <div class="stockWrap">

            <stock-badge
                    :has-stock="{{ item.isInStock() | json_encode }}"
                    :small="false"
            ></stock-badge>
            
        </div> <!-- .noStockWrap -->


        {% if item.description  is not empty %}
            
            <div class="itemDescription wysiwyg">
                <p>
                    {{ item.description | raw }}
                </p>
            
                <div class="descriptionLink">
                    <a href="#productFullDescription" class="moreDetails js_scrollTo">
                        View full product description
                    </a>
                </div> <!-- .descriptionLink -->
            
            </div> <!-- .itemDescription -->
            
        {% endif %}


    {% endif %}

</div> <!-- .productHeader -->
