V1.0.10 gunnart v1: Unterschied zwischen den Versionen

Aus WEB-Shop Software Wiki
Zur Navigation springenZur Suche springen
Zeile 84: Zeile 84:
  
 
Am Ende dieser Datei muss jetzt noch das neue Javascript handling integriert werden und der HTML-Code abgeschlossen werden. Hierfür einfach folgendes am Ende der Datei einfügen:
 
Am Ende dieser Datei muss jetzt noch das neue Javascript handling integriert werden und der HTML-Code abgeschlossen werden. Hierfür einfach folgendes am Ende der Datei einfügen:
{if $BANNER}
+
<pre>{if $BANNER}
  {$BANNER}
+
  {$BANNER}
  <hr class="Break" />
+
  <hr class="Break" />
{/if}
+
{/if}
{javascript}
+
{javascript}
</body>
+
</body>
</html>
+
</html></pre>
  
 
Nun noch eine source/template_defaults.php mit folgendem Inhalt anlegen, bei der jquery Version natürlich darauf achten welche Ihr bisher benutzt habt:
 
Nun noch eine source/template_defaults.php mit folgendem Inhalt anlegen, bei der jquery Version natürlich darauf achten welche Ihr bisher benutzt habt:

Version vom 15. Mai 2011, 15:40 Uhr

Beschreibung der nötigen Anpassungen damit ein auf gunnart_v1 basierendes Template mit der V1.0.10 funktioniert

class template

Bisher wurde smarty immer über die Klasse "smarty" implementiert, was zur folge hatte das man jedes mal diverse Einstellungen setzten mußte. Nun gibt es eine Klasse "template" welche diese Default-Einstellungen übernimmt. Damit das Template funktioniert sollten alle Vorkommen von "new smarty" durch "new template" ersetzt werden:

$smarty = new smarty;

wird zu

$smarty = new template;


Zuweisungen zur Sprache und zum Templatepfad sollten entfernt werden:

$box_smarty->assign('language', $_SESSION['language']);
$box_smarty->assign('tpl_path', 'templates/'.CURRENT_TEMPLATE.'/');

In diesen Dateien wird außerdem beim Zugriff auf das Template der Pfad zur Templatedatei i.d.R. mit CURRENT_TEMLATE.'/ angegeben, was nun ebenfalls entfallen muss:

$box_admin = $box_smarty->fetch(CURRENT_TEMPLATE.'/boxes/box_admin.html');

wird zu

$box_admin = $box_smarty->fetch('boxes/box_admin.html');

Folgende Dateien sind so zu ändern:

source/boxes/
  • add_a_quickie.php
  • admin.php
  • best_sellers.php
  • categories.php
  • content.php
  • currencies.php
  • infobox.php
  • information.php
  • languages.php
  • last_viewed.php
  • live_shopping.php
  • loginbox.php
  • manufacturer_info.php
  • manufacturers.php
  • newsletter.php
  • order_history.php
  • reviews.php
  • search.php
  • search_top.php
  • shopping_cart.php
  • sofortueberweisung.php
  • specials.php
  • whats_new.php

header

Die header.php ist nun ins Template verschoben - hierfür ist folgendes zu tun. Zunächst in der index.html die Zeile

{config_load file="$language/lang_$language.conf" section="index"}

durch folgendes ersetzen:

{header}
{config_load file="$language/lang_$language.conf" section="index"}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html{if $HTML_PARAMS} {$HTML_PARAMS}{/if}>
<head>
<title>{$META.title}</title>
{foreach from=$META.http_equiv item=m key=k}
{if $m}
<meta http-equiv="{$k}" content="{$m}" />
{/if}
{/foreach}
{foreach from=$META.name item=m key=k}
{if $m}
<meta name="{$k}" content="{$m}" />
{/if}
{/foreach}
<base href="{$BASE_HREF}" />
{css}
<link rel="shortcut icon" href="/favicon.ico" />
{* googleAnalytics account=UA-XXXXXXX-X trackOrders=true *}
{* piwik url=piwik.example.com id=1 goal=1 *}
</head>
<body>

{if $smarty.session.customers_status.customers_status_id == 0} 

{if $MESSAGES.warning}
<div class="messages warnings">
{foreach from=$MESSAGES.warning item=item}
<div class="warning">{$item}</div>
{/foreach}
</div>
{/if}
{/if}

Am Ende dieser Datei muss jetzt noch das neue Javascript handling integriert werden und der HTML-Code abgeschlossen werden. Hierfür einfach folgendes am Ende der Datei einfügen:

{if $BANNER}
  {$BANNER}
  <hr class="Break" />
{/if}
{javascript}
</body>
</html>

Nun noch eine source/template_defaults.php mit folgendem Inhalt anlegen, bei der jquery Version natürlich darauf achten welche Ihr bisher benutzt habt:

<?php
                                                          
// define CSS files for CS compressor

$css_files = array(
    'all' => array(
        'stylesheet.css',
        'boxes.css',
        'thickbox.css',
    ),
);

$js_files = array(
        'javascript/bottom.js.php',
        'javascript/general.js.php',
        'javascript/jquery-1.4.2.min.js',
        'javascript/jquery.countdown-de.js',
        'javascript/jquery.countdown.js',
        'javascript/template.js',
        'javascript/thickbox.js',
);

Produktbilder

Es gibt eine neue Smartyfunktion um die Produktbilder darzustellen. Dieser wurde von den Entwicklern {img} genannt. Im Gunnart-Template gibt es leider auch schon eine Smartyfunktion mit Namen {img}. Diese muss zunächst zu img_gunnart umgenannt werden. Hierfür muss sowohl die Datei als auch die funktion in der Datei umgenannt werden:

smarty/function.img.php => smarty/function.img_gunnart.php

in dieser Datei nun noch die folgende Zeile

function smarty_function_img($params, &$smarty) {

auf

function smarty_function_img_gunnart($params, &$smarty) {

ändern.

modules/product_info

Damit die Produktbilder in der Produktinformation angezeigt werden sind zwei änderungen an der product_info Vorlage nötig. Die entsprechende Datei befindet sich im Verzeichnis modules/product_info/ und heißt im original-Template product_info_v1.html

In jeder Datei in diesem Verzeichnis sind nun die folgenden Änderungen durchzuführen: Füge folgende Zeile am Anfang der Datei ein:

{product_images prd_id=$PRODUCTS_ID}

Suche nun folgenden Block

<tr>
<td><a href="{$PRODUCTS_IMAGES.0.popup}" title="{$PRODUCTS_NAME}" class="thickbox"><img src="{$PRODUCTS_IMAGES.0.info}" alt="{$PRODUCTS_NAME}" /></a></td>
</tr>

<!-- more images -->
{foreach from=$PRODUCTS_IMAGES item=IMG name=images}
{if !$smarty.foreach.images.first}
<tr>
<td style="border-top: 1px solid; border-color: #cccccc;">
<a href="{$IMG.popup}" title="{$PRODUCTS_NAME}" class="thickbox"><img src="{$IMG.info}" alt="{$PRODUCTS_NAME}" /></a>
</td>
</tr>
{/if}
{/foreach}
<!-- more images eof -->

und ersetzte diesen durch

{foreach from=$PRODUCTS_IMAGES item=image key=id}

<td{if $id > 0} style="border-top: 1px solid; border-color: #cccccc;"{/if}><a href="{img img_id=$image.ID src=$image.FILE preset="POPUP" prd_id=$PRODUCTS_ID path_only=true}" title="{$PRODUCTS_NAME}" class="thickbox"> {img img_id=$image.ID src=$image.FILE preset="INFO" prd_id=$PRODUCTS_ID alt=$image.ALT title=$image.TITLE}</a> {/foreach}

modules/product_listing

Das Produktlisting wird bei angezeigt wenn in einer Kategorie Produkte vorhanden sind. Hierbei wird das Kategoriebild über die oben erwähnte img-Funktion des Templates angezeigt. Diese stelle muß also verändert werden damit das Kategoriebild wieder funktioniert. Suche dafür in allen Dateien in dem Verzeichnis module/product_listing nach

{img src=$CATEGORIES_IMAGE alt=$CATEGORIES_NAME}

und ersetzte es durch

{img_gunnart src=$CATEGORIES_IMAGE alt=$CATEGORIES_NAME}

Die Anzeige der Produkte wird hierbei über ein Snippet realisiert - genauer gesagt über eine Snippet-Kette:

Das zunächst benutzte Snippet ProdListingStandard benutzt das Snippet ItemProdListing um das Produkt darzustellen. Hier wird somit auch das Produktbild referenziert. Öffne die Datei snippets/ItemProdListing.html und ersetzte

<div class="Image" style="float: left; margin-left: 10px; margin-right: 10px;">
<p>{img src=$product.PRODUCTS_IMAGE default=$smarty.const.ThumbImg alt=$product.PRODUCTS_NAME link=$product.PRODUCTS_LINK}{if $product.PRODUCTS_FSK18=='true'}<br /><img src="{$tpl_path}img/fsk18.gif" alt="" />{/if}</p>
</div>

durch

<div class="Image">
    <p><a href="{$product.PRODUCTS_LINK}">{img
                 img_id=$product.PRODUCTS_IMAGE.ID
                 src=$product.PRODUCTS_IMAGE.FILE
                 preset=THUMB
                 prd_id=$product.PRODUCTS_ID
                 alt=$product.PRODUCTS_IMAGE.ALT
                 title=$product.PRODUCTS_IMAGE.TITLE}</a>{if $product.PRODUCTS_FSK18=='true'}<br /><img src="{$tpl_path}img/fsk18.gif" alt="" />{/if}</p>
</div>

x