Title Panel in Bootstrap

Title Panel

Title Panel design can be overridden using this option. It supports the following keywords:

{ProductName}

{SKU}

{Description}

{Thumbnail}     replaced by a responsive image tag

{ThumbnailUrl}

{Buttons}         replaced by the standard 4 product buttons if available

 {Buttons:button class:price icon class:abstract icon class:notes icon class:download icon class:button spacer html}

button class applies classes to all buttons, example: btn btn-default ep-text-normal

price icon class: classes for the icon representing product price, example: fa fa-usd fa-fw text-success

abstract icon class: classes for the icon representing product abstract, example: fa fa-info fa-fw

notes icon class: classes for the icon representing product notes, example: fa fa-question fa-fw

download icon class: classes for the icon representing product download (preview), example: fa fa-download fa-fw

button spacer html: button separator code

Icon classes uses Font-Awesome library

fa-fw used to maintain same size icons

Examples of Buttons that open modal window in Title

Required attributes in red

Price Button

<a href="#" class="btn btn-default" data-toggle="modal" data-target="#priceModal" alt="Pricing"><i class="fa fa-usd"></i></a>

Abstract Button

<a href="#" class="btn btn-default" data-toggle="modal" data-target="#abstractModal" alt="Abstract"><i class="fa fa-info"></i></a>

Notes Button

<a href="#" class="btn btn-default" data-toggle="modal" data-target="#notesModal" alt="Notes"><i class="fa fa-question"></i></a>

Download Button

<a href="#" class="btn btn-default" data-toggle="modal" data-target="#downloadModal" alt="Download"><i class="fa fa-download"></i></a>