Wie erstelle ich in eine Box mit richtigem Style?

[MrGreenlist]

Hallo,

ich habe ein altes liebgewonnenes Tag Cloud Modul vom xtc Shop recycelt, es scheint zu funktionieren.
Aber der Inhalt wird nicht gemäß einer Box formatiert.

Hier:
www.1a-absinthe.com

Was muss ich ändern?

Modul Tag Cloud

Zu verändernde Dateien: (5)
##
## advanced_search_result.php
## lang/german/lang_german.conf
## templates/xtc4/source/boxes.php
## templates/xtc4/index.html
## templates/xtc4/source/boxes/tag_cloud.php
##
##
## Beigefügte Dateien: (3)
##
## admin/includes/modules/export/tag_cloud.php
## templates/xtc4/boxes/box_tag_cloud.html
## templates/xtc4/source/boxes/tag_cloud.php

Linkback: https://www.modified-shop.org/forum/index.php?topic=35066.0

[Bonsai]

Eine Box unterhalb ...

Code: XML  [Auswählen]

<h2 class="boxheader">Schnellkauf</h2><div class="boxbody"><p>Bitte geben Sie die Artikelnummer aus unserem Katalog ein.</p><form id="quick_add" action="http://www.1a-absinthe.com/index.php?action=add_a_quickie&amp;MODsid=6d9dd2a078c8be54f57dd9166205ea55" method="post"><p><input name="quickie" style="width:170px" type="text"></p><p><input src="http://www.1a-absinthe.com/templates/xtc5/buttons/german/button_add_quick.gif" alt="In den Korb legen" title="In den Korb legen" type="image"></p></form></div>

Reduziert auf das Design ist das dieses:

Code: XML  [Auswählen]

<h2 class="boxheader">
   <!-- hier die Überschrift einbauen -->
</h2>
<div class="boxbody">
   <!-- hier den Inhalt einbauen -->
</div>

[MrGreenlist]

Ich kriegs nicht hin.. ich muss doch vermutlich die tag_cloud.html ändern?

Code: PHP  [Auswählen]

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

{$search.FORM_ACTION}
<table width="100%" border="0" cellpadding="2" cellspacing="0">
        <tr>
                <td class="infoBoxHeading">
                        <table width="100%"  border="0" cellpadding="0" cellspacing="0">
                                <tr>
                                        <td class="infoBoxHeadingTitle">{#heading_tag_cloud#}</td>
                                        <td align="right"><a href="{$link}" target="_blank"><img src="{$tpl_path}img/icon_more.gif" alt="" /></a></td>
                                </tr>
                        </table>
                </td>
        </tr>
        <tr>
                <td class="infoBox" align="left">
                        <table width="95%"  border="0" cellpadding="2" cellspacing="0">
                                <tr>
                                        <td class="boxText">
                                                <table border="0" width="100%" cellspacing="0" cellpadding="0">
                                                        {if $search}
                                                                <tr>
                                                                        <td class="boxText">
                                                                                <table width="100%"  border="0" cellpadding="2" cellspacing="0">
                                                                                        <tr>
                                                                                                <td valign="middle">{$search.INPUT_SEARCH}</td>
                                                                                                <td valign="middle">{$search.BUTTON_SUBMIT}</td>
                                                                                        </tr>
                                                                                </table>
                                                                        </td>
                                                                </tr>
                                                                <tr><td class="boxText"><a href="{$search.LINK_ADVANCED}">{#text_advanced_search#}</a></td></tr>
                                                        {/if}
                                                        {if $tagList}
                                                                <tr><td><img src="{$tpl_path}img/pixel_trans.gif" alt="" width="1" height="5" /></td></tr>
                                                                <tr>
                                                                        <td align="center" class="boxText">
                                                                                {foreach item=tag from=$tagList}
                                                                                        <a href="{$tag.link}" style="font-size:{$tag.style.size}; font-weight:{$tag.style.weight}; color:{$tag.style.color};">{$tag.tag}</a>&nbsp;
                                                                                {/foreach}
                                                                        </td>
                                                                </tr>
                                                                <tr><td><img src="{$tpl_path}img/pixel_trans.gif" alt="" width="1" height="5" /></td></tr>
                                                                <tr>
                                                                        <td valign="middle" class="boxText">
                                                                                <a href="{$link}" target="_blank">{#text_tag_cloud_desc#}</a>
                                                                                {* Dieser Link darf für die kostenlose Nutzung nicht entfernt werden! *}
                                                                        </td>
                                                                </tr>
                                                        {/if}
                                                </table>
                                        </td>
                                </tr>
                        </table>
                </td>
        </tr>
</table>
{$search.FORM_END}

[Bonsai]

Die html Datei der Box.
/templates/xtc4/boxes/box_tag_cloud.html

Muss so aussehen:

Code: XML  [Auswählen]

<h2 class="boxheader">
   Irgendeine Überschrift
</h2>
<div class="boxbody">
   <!-- hier das einbauen was jetzt schon drin steht -->
</div>

 

[MrGreenlist]

Code: PHP  [Auswählen]

{foreach item=tag from=$tagList}
<a href="{$tag.link}" style="font-size:{$tag.style.size}; font-weight:{$tag.style.weight}; color:{$tag.style.color};">{$tag.tag}</a>&nbsp;
{/foreach}

Der Teil hält sich nicht an das Format der Box.

[MrGreenlist]

Hier mal die tag_cloud.php

Code: PHP  [Auswählen]

<?php
define('MODULE_TAG_CLOUD_MIN_SIZE', 10); // Größe in Pixel, in der ein Tag bei der geringsten Gewichtung dargestellt wird
define('MODULE_TAG_CLOUD_MAX_SIZE', 20); // Größe in Pixel, in der ein Tag bei der höchsten Gewichtung dargestellt wird

define('MODULE_TAG_CLOUD_MIN_WEIGHT', 100); // Fettung von 100 bis 900, in der ein Tag bei der geringsten Gewichtung dargestellt wird
define('MODULE_TAG_CLOUD_MAX_WEIGHT', 900); // Fettung von 100 bis 900, in der ein Tag bei der höchsten Gewichtung dargestellt wird

define('MODULE_TAG_CLOUD_MIN_COLOR', '999999'); // Farbe in Hex-Werten von 000000 bis FFFFFF, in der ein Tag bei der geringsten Gewichtung dargestellt wird
define('MODULE_TAG_CLOUD_MAX_COLOR', 'BA9715'); // Farbe in Hex-Werten von 000000 bis FFFFFF, in der ein Tag bei der höchsten Gewichtung dargestellt wird

define('MODULE_TAG_CLOUD_SHOW_SEARCH_INPUT', true); // Angabe true/false, ob das Suchfeld angezeigt werden soll





$box_smarty = new smarty;
//$box_smarty->assign('tpl_path', 'templates/'.CURRENT_TEMPLATE.'/');
$box_smarty->assign('tpl_path', DIR_WS_BASE.'templates/' . CURRENT_TEMPLATE . '/');
//$box_content = '';

$search = false;
$tagList = array();

if(MODULE_TAG_CLOUD_SHOW_SEARCH_INPUT) {
        $search = array(
                'FORM_ACTION' => xtc_draw_form('quick_find', xtc_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get').xtc_hide_session_id(),
                'INPUT_SEARCH' => xtc_draw_input_field('keywords', '', 'size="20" maxlength="30"'),
                'BUTTON_SUBMIT' => xtc_image_submit('button_quick_find.gif', IMAGE_BUTTON_SEARCH),
                'FORM_END' => '</form>',
                'LINK_ADVANCED' => xtc_href_link(FILENAME_ADVANCED_SEARCH)
        );
}

$minSearches = (int)MODULE_TAG_CLOUD_MIN_SEARCHES;
if($minSearches < 1) {
        $minSearches = 1;
}

$maxDisplay = (int)MODULE_TAG_CLOUD_MAX_DISPLAY;
if($maxDisplay < 0) {
        $maxDisplay = 0;
}

$logFactor = (float)MODULE_TAG_CLOUD_LOG;
if($logFactor < 0) {
        $logFactor = 0;
}

$styleSizeMin = (int)MODULE_TAG_CLOUD_MIN_SIZE;
if($styleSizeMin < 1) {
        $styleSizeMin = 1;
}

$styleSizeMax = (int)MODULE_TAG_CLOUD_MAX_SIZE;
if($styleSizeMax < 1) {
        $styleSizeMax = 1;
}

$styleWeightMin = (int)MODULE_TAG_CLOUD_MIN_WEIGHT / 100;
if($styleWeightMin < 1) {
        $styleWeightMin = 1;
}
elseif($styleWeightMin > 9) {
        $styleWeightMin = 9;
}

$styleWeightMax = (int)MODULE_TAG_CLOUD_MAX_WEIGHT / 100;
if($styleWeightMax < 1) {
        $styleWeightMax = 1;
}
elseif($styleWeightMax > 9) {
        $styleWeightMax = 9;
}

$styleColorMin = array(
        base_convert(substr(MODULE_TAG_CLOUD_MIN_COLOR, 0, 2), 16, 10),
        base_convert(substr(MODULE_TAG_CLOUD_MIN_COLOR, 2, 2), 16, 10),
        base_convert(substr(MODULE_TAG_CLOUD_MIN_COLOR, 4, 2), 16, 10)
);

$styleColorMax = array(
        base_convert(substr(MODULE_TAG_CLOUD_MAX_COLOR, 0, 2), 16, 10),
        base_convert(substr(MODULE_TAG_CLOUD_MAX_COLOR, 2, 2), 16, 10),
        base_convert(substr(MODULE_TAG_CLOUD_MAX_COLOR, 4, 2), 16, 10)
);

$cloudLang = (int)$_SESSION['languages_id'];

$sortKeys = array();
$list = array();
$weightMin = null;
$weightMax = null;

$listQuery = xtDBquery(
        "SELECT tag, searches + offset AS weight ".
        "FROM module_tag_cloud ".
        "WHERE ".
                "language_id = ".$cloudLang." AND ".
                "searches >= ".$minSearches." AND ".
                "not_found = 0 ".
        "ORDER BY weight DESC, inserted DESC ".
        "LIMIT ".$maxDisplay
);

while($tag = xtc_db_fetch_array($listQuery)) {
        $sortKeys[] = $tag["tag"];
        $list[] = array(
                "tag" => $tag["tag"],
                "weight" => $tag["weight"]
        );
        if(!isset($weightMin) || $weightMin > $tag["weight"]) {
                $weightMin = $tag["weight"];
        }
        if(!isset($weightMax) || $weightMax < $tag["weight"]) {
                $weightMax = $tag["weight"];
        }
}

array_multisort($sortKeys, $list);

foreach($list as $tag) {
        if($weightMax == $weightMin) {
                $tagWeight = 0.5;
        }
        else {
                $tagWeight = ($tag["weight"] - $weightMin) / ($weightMax - $weightMin);
        }
       
        if($logFactor) {
                $tagWeight = log($logFactor * $tagWeight + 1) / log($logFactor + 1);
        }
       
        $styleSize = round($tagWeight * ($styleSizeMax - $styleSizeMin) + $styleSizeMin);
        $styleWeight = round($tagWeight * ($styleWeightMax - $styleWeightMin) + $styleWeightMin) * 100;
       
        $styleColor = sprintf(
                "%02X%02X%02X",
                $tagWeight * ($styleColorMax[0] - $styleColorMin[0]) + $styleColorMin[0],
                $tagWeight * ($styleColorMax[1] - $styleColorMin[1]) + $styleColorMin[1],
                $tagWeight * ($styleColorMax[2] - $styleColorMin[2]) + $styleColorMin[2]
        );
       
        $tagList[] = array(
                "tag" => $tag["tag"],
                "link" => xtc_href_link(FILENAME_ADVANCED_SEARCH_RESULT, 'searchTagCloud=1&keywords='.rawurlencode($tag["tag"]), 'NONSSL', false),
                "style" => array(
                        "size" => $styleSize."px",
                        "weight" => $styleWeight,
                        "color" => "#".$styleColor
                )
        );
}


if($search || count($tagList)) {
        $box_smarty->assign('search', $search);
        $box_smarty->assign('tagList', $tagList);
       
        $box_smarty->assign('language', $_SESSION['language']);
       
        if(!CacheCheck()) {
                $box_smarty->caching = 0;
                $box_tag_cloud = $box_smarty->fetch(CURRENT_TEMPLATE.'/boxes/box_tag_cloud.html');
        }
        else {
                $box_smarty->caching = 1;
                $box_smarty->cache_lifetime = CACHE_LIFETIME;
                $box_smarty->cache_modified_check = CACHE_CHECK;
                $cache_id = $_SESSION['language'];
                $box_tag_cloud = $box_smarty->fetch(CURRENT_TEMPLATE.'/boxes/box_tag_cloud.html', $cache_id);
        }
       
        $smarty->assign('box_TAG_CLOUD', $box_tag_cloud);
}

?>

[Bonsai]

Code: XML  [Auswählen]

<h2 class="boxheader">
   Irgendeine Überschrift
</h2>
<div class="boxbody">
   <!-- hier das einbauen was jetzt schon drin steht -->
</div>

+

Code: XML  [Auswählen]

{foreach item=tag from=$tagList}
<a href="{$tag.link}" style="font-size:{$tag.style.size}; font-weight:{$tag.style.weight}; color:{$tag.style.color};">{$tag.tag}</a>&nbsp;
{/foreach}

=

Code: XML  [Auswählen]

<h2 class="boxheader">
   Bitte hier $Uuml;berschrift einf&uuml;gen!
</h2>
<div class="boxbody">
   {foreach item=tag from=$tagList}
      <a href="{$tag.link}" style="font-size:{$tag.style.size}; font-weight:{$tag.style.weight}; color:{$tag.style.color};">{$tag.tag}</a>&nbsp;
   {/foreach}
</div>

[MrGreenlist]

Genau das funktioniert leider nicht.
Guck mal schnell, bevor ich es wieder abschalte.

[Bonsai]

Geht schon fast .... jetzt nur noch rausfinden warum der content das Element überlappen darf und das abstellen, damit die Zeilen normal umbrechen.

[MrGreenlist]

Hier tauchen class Elemente auf, die ich nirgends finde. Müssten die nicht in der stylesheet.css sein?
Die sind auch nicht im Stylesheet vom alten Shop!
infoBoxHeading
infoBoxHeadingTitle
infoBox
boxText

[Bonsai]

Woran fummelst Du denn?!?  Das sind css Klassen des Backends, die brauchst du nicht.
/templates/xtc4/boxes/box_tag_cloud.html
Muss mit CSS geradegebogen werden.

Ich habe auf die Schnelle keinen Grund gefunden, warum der Inhalt nicht umbricht, bzw an seltsamen Stellen umbricht.

[MrGreenlist]

Der Knopf neben dem Suchfeld wurde auch schon zu weit rechts dargestellt.
Alles was ich mit css versuche, wird ignoriert.

In der advanced_search_result.php musste ich noch folgendes einfügen:

Code: PHP  [Auswählen]

# tag cloud
 
 
        if(
                defined("MODULE_TAG_CLOUD_STATUS") &&
                MODULE_TAG_CLOUD_STATUS == 'True' &&
                !xtc_not_null($_GET['categories_id']) &&
                !xtc_not_null($_GET['manufacturers_id']) &&
                !strlen($_GET['pfrom']) &&
                !strlen($_GET['pto']) &&
                ($cloudTag = trim($_GET['keywords'])) != ""
        ) {
                if(!isset($_SESSION["tag_cloud_tags"])) {
                        $_SESSION["tag_cloud_tags"] = array();
                }
               
                $cloudTag = substr($cloudTag, 0, 64);
               
                if(!in_array($cloudTag, $_SESSION["tag_cloud_tags"])) {
                        $_SESSION["tag_cloud_tags"][] = $cloudTag;
                       
                        $cloudTag = addslashes($cloudTag);
                        $cloudLang = (int)$_SESSION['languages_id'];
                       
                        $tagTest = xtc_db_fetch_array(xtc_db_query(
                                "SELECT COUNT(*) AS count ".
                                "FROM module_tag_cloud ".
                                "WHERE tag = '".$cloudTag."' AND language_id = ".$cloudLang
                        ));
                       
                        $prodTest = xtc_db_num_rows(xtc_db_query("SELECT 1 ".$from_str.$where_str." LIMIT 1"));
                       
                        if($prodTest) {
                                if(!isset($_GET["searchTagCloud"])) {
                                        if($tagTest["count"]) {
                                                xtc_db_query(
                                                        "UPDATE module_tag_cloud ".
                                                        "SET searches = searches + 1, not_found = 0 ".
                                                        "WHERE tag = '".$cloudTag."' AND language_id = ".$cloudLang
                                                );
                                        }
                                        else {
                                                $cloudInfos = xtc_db_fetch_array(xtc_db_query(
                                                        "SELECT AVG(searches + offset) AS offset ".
                                                        "FROM module_tag_cloud ".
                                                        "WHERE language_id = ".$cloudLang
                                                ));
                                               
                                                $minSearches = (int)MODULE_TAG_CLOUD_MIN_SEARCHES;
                                                if($minSearches < 1) {
                                                        $minSearches = 1;
                                                }
                                               
                                                xtc_db_query(
                                                        "INSERT INTO module_tag_cloud ".
                                                        "SET ".
                                                                "tag = '".$cloudTag."',".
                                                                (isset($cloudInfos["offset"])? "offset = ".round($cloudInfos["offset"] - 1)."," : "").
                                                                "language_id = ".$cloudLang.",".
                                                                "inserted = NOW()"
                                                );
                                               
                                                $deleteQuery = xtc_db_query(
                                                        "SELECT tag ".
                                                        "FROM module_tag_cloud ".
                                                        "WHERE language_id = ".$cloudLang." ".
                                                        "ORDER BY searches + offset DESC, inserted DESC ".
                                                        "LIMIT ".(int)MODULE_TAG_CLOUD_MAX_TAGS.", 1000"
                                                );
                                               
                                                while($delTag = xtc_db_fetch_array($deleteQuery)) {
                                                        xtc_db_query(
                                                                "DELETE FROM module_tag_cloud ".
                                                                "WHERE tag = '".addslashes($delTag["tag"])."' AND language_id = ".$cloudLang
                                                        );
                                                }
                                        }
                                }
                        }
                        elseif($tagTest["count"]) {
                                xtc_db_query(
                                        "UPDATE module_tag_cloud ".
                                        "SET not_found = 1 ".
                                        "WHERE tag = '".$cloudTag."' AND language_id = ".$cloudLang
                                );
                        }
                }
        }


 
  # end tag cloud
 

In die boxes.php das da

Code: PHP  [Auswählen]

// Tag Cloud
 if(defined("MODULE_TAG_CLOUD_STATUS") && MODULE_TAG_CLOUD_STATUS == 'True') {
    include(DIR_WS_BOXES . 'tag_cloud.php');
  }

Dann gibt es nur noch language Änderungen und ne Datei fürs Backend.
Also muss der Fehler wohl in der tag_cloud.php oder der avanced search stecken, aber da blick ich nicht durch. Früher funktionierte es.

In der box_tag_cloud.html steht am Anfang und Ende noch folgendes, kann das was zu bedeuten haben?:

Code: PHP  [Auswählen]

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

{$search.FORM_ACTION}


{$search.FORM_END}

[Bonsai]

Möglicherweise ja, das Form Tag sollte in der Box sein, sonst verhält es sich eventuell seltsam und zerreißt das Design  .... packe mal die beiden form Befehle IN die Box.

Also so:

Code: XML  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
<h2 class="boxheader">
   Bitte hier $Uuml;berschrift einf&uuml;gen!
</h2>
<div class="boxbody">
   {$search.FORM_ACTION}
   {foreach item=tag from=$tagList}
      <a href="{$tag.link}" style="font-size:{$tag.style.size}; font-weight:{$tag.style.weight}; color:{$tag.style.color};">{$tag.tag}</a>&nbsp;
   {/foreach}
   {$search.FORM_END}
</div>

[MrGreenlist]

Bringt auch nichts.

Die Namen, die aus der Box herausragen, sind die einzigen, die nicht als Links funktionieren.
Nur reiner Text- vielleicht werden die an einer anderen Stelle generiert?

EDIT: stimmt auch nicht, aber es passiert bei einigen Überstehenden nichts, wenn man mit der Maus drüber fährt.

[Bonsai]

Ohne das Ergebnis prüfen zu können ist das alles 

Bau Dir für so was auf einer subdomain einen Testshop, sicher den mit einem .htaccess Passwortschutz. Dann kann man das in aller Ruhe betrachten.