Überlappung - Fehler

Schlapphut · 25. Februar 2013

Wie im Bild zu sehen, liegen die Texte überlappt. Gerne wüsste ich wo ich das ganze bearbeiten kann, so das es wieder ein wenig Platz zwischen den Texten gibt

Danke im Vorraus !!!

Schlapphut · 26. Februar 2013

Inzwischen habe ich den Bereich gefunden in der default.php

PHP

#####
// Show Products
?>
<div class="product floatleft<?php echo $Browsecellwidth . $show_vertical_separator ?>">
<div class="spacer">
<div class="width32 floatleft center">
<a title="<?php echo $product->link ?>" rel="vm-additional-images" href="<?php echo $product->link; ?>">
<?php
echo $product->images[0]->displayMediaThumb('class="browseProductImage"', false);
?>
</a>
<?php if ($this->showRating) { ?>
<span class="contentpagetitle"><?php echo JText::_ ('COM_VIRTUEMART_CUSTOMER_RATING') ?>:</span>
<br/>
<?php
// $img_url = JURI::root().VmConfig::get('assets_general_path').'/reviews/'.$product->votes->rating.'.gif';
// echo JHTML::image($img_url, $product->votes->rating.' '.JText::_('COM_VIRTUEMART_REVIEW_STARS'));
// echo JText::_('COM_VIRTUEMART_TOTAL_VOTES').": ". $product->votes->allvotes;
?>
<?php } ?>
<?php
if ( VmConfig::get ('display_stock', 1)) { ?>
<div class="paddingtop8">
<span class="vmicon vm2-<?php echo $product->stock->stock_level ?>" title="<?php echo $product->stock->stock_tip ?>"></span>
<span class="stock-level"><?php echo JText::_ ('COM_VIRTUEMART_STOCK_LEVEL_DISPLAY_TITLE_TIP') ?></span>
</div>
<?php } ?>
</div>
<div class="width70 floatright">
<h2><?php echo JHTML::link ($product->link, $product->product_name); ?></h2>
<?php // Product Short Description
if (!empty($product->product_s_desc)) {
?>
<p class="product_s_desc">
<?php echo shopFunctionsF::limitStringByWord ($product->product_s_desc, 40, '...') ?>
</p>
<?php } ?>
<div class="product-price marginbottom12" id="productPrice<?php echo $product->virtuemart_product_id ?>">
<?php
if ($this->show_prices == '1') {
if ($product->prices['salesPrice']<=0 and VmConfig::get ('askprice', 1) and !$product->images[0]->file_is_downloadable) {
echo JText::_ ('COM_VIRTUEMART_PRODUCT_ASKPRICE');
}
#####

Alles anzeigen

aber ich bekomme es nicht hin, die beiden Sachen nebeneinander zubekommen ...

Hoffe auf Hilfe und werde weiter probieren ...

JUSTDOIT · 15. März 2013

Hallo liebe Community,

ich habe genau das selbe Problem und komme auch nicht auf die Lösung.

Media-Service-Essen · 15. März 2013

Wenn man z.B. mit Mozilla Firefox arbeitet und den Firebug als Addon installiert, dann lassen sich diese Stellen ganz einfach auffinden. Mittels Änderungen der CSS-Regeln können sehr leicht diverse Anpassungen vorgenommen werden.

JUSTDOIT · 15. März 2013

Zitat von Media-Service-Essen

Wenn man z.B. mit Mozilla Firefox arbeitet und den Firebug als Addon installiert, dann lassen sich diese Stellen ganz einfach auffinden. Mittels Änderungen der CSS-Regeln können sehr leicht diverse Anpassungen vorgenommen werden.

Ich denke, ich habe ja zumindest schon den Grund gefunden. Es schein am Miniaturbild zu liegen. Die Größe ändert sich nicht, egal was ich im Backenden einstelle, ob ich es 90x90 oder 150x150 oder 250x250 einstelle, es bleibt immer die selbe Größe. Und das bei jedem Template.

Ich arbeite mit Chrome, und habe das Firebug Plugin. Wenn ich in Chrome auf das Miniaturbild mit rechts klicke und "Bild in neuem TAB öffnen" wähle, passt alles. Das Bild liegt im resized Ordner, und wird auch mit der richtigen Pixelgröße ausgegeben und benannt.

Es scheint an der class"browseProductImage" zu liegen, Chrome zeigt es immer mit 68x51 px an.

MarkusR. · 15. März 2013

Zitat von Media-Service-Essen

Wenn man z.B. mit Mozilla Firefox arbeitet und den Firebug als Addon installiert, dann lassen sich diese Stellen ganz einfach auffinden. Mittels Änderungen der CSS-Regeln können sehr leicht diverse Anpassungen vorgenommen werden.

Und unter Opera braucht man nur in der Seite "rechtsklick" machen, dort "Element untersuchen" drücken.
Schon kann man die Bereiche der Webseite anklicken und erhält z.B. sofort das dazugehörige Css und den Html Code.

MarkusR. · 15. März 2013

Zitat

Ich denke, ich habe ja zumindest schon den Grund gefunden. Es schein am Miniaturbild zu liegen. Die Größe ändert sich nicht, egal was ich im Backenden einstelle, ob ich es 90x90 oder 150x150 oder 250x250 einstelle, es bleibt immer die selbe Größe. Und das bei jedem Template.

Der Thumb des Produktbildes ändert sich auch nur, wenn du ein neues Produkt anlegst.
Änderungen im Frontend werden, zumindest bei mir, nicht automatisch auf die Thumbnails angwendet.

Du solltest dir wie schon beschrieben mal den Css Code des Bereiches ansehen, diesen kannst du auch direkt auf der Seite ändern und sehen "was passiert".
Wenn du dann den betreffenden Bereich gefunden hast, änderst du das in der echten Css.

JUSTDOIT · 15. März 2013

Hallo,

also das man direkt aus Chrome (oder Firefox, Opera, etc.) die dazhörigen CSS Einstellungen einsehen und temporär ändern kann war mir klar.

Leider bringt keine der Einstellungen das gewünschte Ergebnis. Merkwürdig ist, das es mit jedem Template so ist (Auch Standard)
Das Joomla ist eine Installation mit der aktuellsten 2.5er Version und die aktuellste VM Version.
Der Thumb ändert sich nur, wenn man das Bild des Produktes löscht und neu hochladet, war mir auch klar.
Aber es ändert sich im Frontend nichts. Egal was ich einstelle, egal wie viele Produkte ich anlegen, das Bild bleibt 67x50 pc groß.

Kann mir vielleicht mal jemand posten, wie das überhaupt aussehen soll?

Ganz kapier ich das nicht, weil man über den Fehler nichts weiter findet und ich echt schon ratlos bin.

JUSTDOIT · 16. März 2013

Update:

vmsite-ltr.css gibt es width1% bis width100%. Die sind die Ursache für die Überlappung. Konnte aber noch nicht feststellen wo ich das ändere, welcher Prozentsatz genau verwendet wird. Ich hab mir temporär damit geholfen, nur noch 2 Produkte pro Zeile anzuzeigen.

Media-Service-Essen · 17. März 2013

components\com_virtuemart\views\category\tmpl\default.php

Finde die Stelle mit

Code

<div class="width30 floatleft center">

Dort müssten sich die Werte anpassen lassen. Idealerweise sollte von der o.a. default.php ein Override erstellt werden.