Конструкция файла layout.tpl и зачем нужен файл jquery.oneclickcart.js

Спасибо за развернутый ответ.
Просто в вашем мануале о создании своих тем этот скрипт не подключался,
поэтому я и не понял насколько он там нужен.

Проясните, пожалуйста, еще такой вопрос. При построении темы оформления по сетке Bootstrap,
в Конструкторе сайта --> Настройка блоков есть такие пункты, как внешний и внутренний шаблоны (хотя, возможно, они есть и не только в сетке по Bootstrap, но меня сейчас интересует именно он).

Так вот, не могли бы вы разъяснить, для чего нужны эти внешние и внутренние шаблоны, а также другие настройки контейнера?

Правильно ли я понял, что внешний шаблон, это некая оборачивающая конструкция, типа встроенных в Bootstrap классов, напр., <div class="jumbotron">...</div>.
Для чего же тогда нужен внутренний шаблон?
Или же там и должен стоять код, который идет внутри внешнего <div>...</div> ?

Как тогда посоветуете правильно оформить в конструкторе какой-то стандартный код Bootstrap?
Напр, тот же самый jumbotron из стандартного шаблона Bootstrap:

  
    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron">
      <div class="container">
        <h1>Hello, world!</h1>
        <p>This is a template for a simple marketing or informational website</p>
        <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
      </div>
    </div>

правильно ли я понял последовательность работы с настройками контейнера в конструкторе сайта на данном примере:

1. Делаю новый пустой Контейнер.
2. С его настройками ширина и название все понятно.
2. Пункт CSS-класс оборачивающего блока устанавливаю, как jumbotron (поскольку в нашем примере, класс jumbotron находится за пределами класса container
3. Настройку CSS класс оставляю пустой, так как класс автоматом ставится, как container? Или же нужно явно задать здесь этот класс или какой-то другой (напр., пользовательский?)
4. внешний элемент не трогаю, хотя можно, при желании, обернуть в тэг типа <section>
5. Внешний шаблон в данном случае не использую (так как что в него оборачивать?)
6. Для внутреннего шаблона делаю новый .tpl файл с кодом:

        <h1>Hello, world!</h1>
        <p>This is a template for a simple marketing or informational website</p>
        <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>

7. Сохраняю

----
Правильно ли я все понял?
Спасибо

CSS оборачивающего блока добавляется к Внешнему элементу, который вы поставите. Т.е. надо было указать ещё внешний элемент.

Внешний шаблон, это тот который будет оборачивать весь контейнер.
Выглядит он примерно так:

<div>
    {$wrapped_content} {* Перенная которая хранит внутренее содрежимое *}
</div>

Сама иерархия выгляди вот так:

Внешний шаблон, если есть
    Оборачивающий элемент, если есть
         <div class="contаinter">
                Внутренний шаблон, если есть
                        Само содержимое