OXID eSales — платформа электронной коммерции, которая просто работает! Часть 2

 [{oxid_include_widget cl="oxwCategoryTree" cnid=$oView->getCategoryId() sWidgetType="header" _parent=$oView->getClassName() nocookie=1}] 

Здесь мы используем простую условную логику, чтобы определить, какие переменные шаблона нужно установить.

 [{if $oxcmp_basket->getProductsCount()}] [{assign var="blAnon" value=0}] [{assign var="force_sid" value=$oViewConf->getSessionId()}] [{else}] [{assign var="blAnon" value=1}] [{/if}] 

Наконец, мы включаем другой виджет oxwMiniBasket и oxwMiniBasket widget/header/search.tpl .

 [{oxid_include_widget cl="oxwMiniBasket" nocookie=$blAnon force_sid=$force_sid}] [{include file="widget/header/search.tpl"}] 

Одним из соглашений, к которому вы хотите привыкнуть, является динамическая ссылка на объекты OXID и таблицы базы данных. Возьмите следующий фрагмент из приведенного выше примера кода в качестве примера:

 title="[{$oxcmp_shop->oxshops__oxtitleprefix->value}]" 

В этом примере шаблон oxtitleprefix столбца oxshops таблице oxshops . Это осуществляется с помощью магических методов в классе oxcmp_shop который расширяет класс oxView . Вы можете найти это в application/components . Короче говоря, мы можем извлечь значение из базы данных через предварительно определенный объект шаблона.

Я понимаю, что это начинает постепенно проходить через все, но после этого вступления все остальное довольно просто, поскольку оно последовательно основывается на нем.

Структура файла темы

Теперь, когда у нас есть базовое понимание структуры шаблонов. Давайте посмотрим на структуру файла темы OXID. Начиная с OXID Community Edition (CE) 4.7 и Professional / Enterprise Edition (PE / EE) 5.0, тема разделена на две части.

• /application/views/ / /application/views/ / : для шаблонов, переводов и файлов конфигурации
• /out/ : для публичных файлов (CSS, JavaScript, изображения и т. д.)

Просмотрите их в своей установке и ознакомьтесь с ними.

Мы можем создать тему одним из двух способов. Мы можем либо создать все шаблоны, изображения, CSS и JavaScript самостоятельно, либо расширить существующую тему и изменить только то, что нам нужно. Обе версии магазина CE 4.7 и PE / EE 5.0 поставляются с темой по умолчанию под названием Azure, которая предоставляет все основные шаблоны, CSS, JavaScript и файлы изображений, необходимые для создания рабочего магазина. Ради времени и простоты в этом примере мы расширим его, чтобы создать собственную тему.

Расширение основной темы

Давайте начнем создавать нашу новую пользовательскую тему. В разделе application/views создайте новый каталог с именем sitepoint . В нем создайте файл theme.php и добавьте к нему информацию ниже.

 <?php /** * Theme Information */ $aTheme = array( 'id' => 'sitepoint', 'title' => 'SitePoint', 'description' => 'example for SitePoint.com', 'thumbnail' => 'theme.jpg', 'version' => '1.3', 'author' => , 'parentTheme' => 'azure', 'parentVersions' => array('1.3') ); 

Это дает уникальный идентификатор и имя нашей теме и сообщает OXID, что мы будем использовать тему Azure в качестве основы. Таким образом, если OXID не может найти шаблон в нашей теме, он пойдет искать его в теме Azure и будет обслуживать его оттуда.

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

• Смена логотипа
• Удаление скроллера изображения с домашней страницы
• Отображать дополнительный контент в профиле пользователя

Изменение логотипа

В /out создайте новый каталог с именем sitepoint . Под ним создайте две новые директории: img и src и загрузите файл theme.jpg . Затем загрузите файл logo.png в /img . Это немного измененная версия по умолчанию, которую я сделал, чтобы ясно показать, что мы меняем тему.

Теперь все готово, вам нужно войти в магазин и включить новую тему. Так что иди в /admin и войти. После этого вы увидите макет, подобный скриншоту ниже. В левом столбце навигации нажмите «Расширения», затем «Темы».

 [{if $oView->getClassName()=='start' && $oView->getBanners()|@count > 0 }] <div class="oxSlider"> [{include file="widget/promoslider.tpl" }] </div> [{/if}] 

 [{if $oView->isEnabledDownloadableFiles()}] <dl> <dt><a id="linkAccountDownloads" href="[{ oxgetseourl ident=$oViewConf->getSelfLink()|cat:"cl=account_downloads" }]" rel="nofollow">[{ oxmultilang ident="MY_DOWNLOADS" }]</a></dt> <dd>[{ oxmultilang ident="MY_DOWNLOADS_DESC" }]</dd> </dl> [{/if}] 

 <dl> <dt>[{ oxmultilang ident="PAGE_ACCOUNT_DASHBOARD_COMPANY" }]</dt> <dd>[{ $oxcmp_user->oxuser__oxcompany->value }]</dd> </dl> <dl> <dt>[{ oxmultilang ident="PAGE_ACCOUNT_DASHBOARD_ADDRESS" }]</dt> <dd> [{ $oxcmp_user->oxuser__oxstreet->value }] [{ $oxcmp_user->oxuser__oxstreetnr->value }] [{ $oxcmp_user->oxuser__oxcity->value }] [{ $oxcmp_user->oxuser__oxzip->value }] </dd> </dl> <dl> <dt>[{ oxmultilang ident="PAGE_ACCOUNT_DASHBOARD_PHONE" }]</dt> <dd>[{ $oxcmp_user->oxuser__oxfon->value }]</dd> </dl> 

 <?php $sLangName = "Deutsch"; // ------------------------------- // RESOURCE IDENTIFIER = STRING // ------------------------------- $aLang = array( 'charset' => 'ISO-8859-15', 'PAGE_ACCOUNT_DASHBOARD_COMPANY' => "Company", 'PAGE_ACCOUNT_DASHBOARD_ADDRESS' => "Address", 'PAGE_ACCOUNT_DASHBOARD_PHONE' => "Phone Nummer" ); 

 <?php $sLangName = "English"; // ------------------------------- // RESOURCE IDENTIFIER = STRING // ------------------------------- $aLang = array( 'charset' => 'ISO-8859-15', 'PAGE_ACCOUNT_DASHBOARD_COMPANY' => "Firma", 'PAGE_ACCOUNT_DASHBOARD_ADDRESS' => "Adresse", 'PAGE_ACCOUNT_DASHBOARD_PHONE' => "Telefonnummer" );