-
Februar 24, 2016 um 15:29 Uhr #13871david_osirisMitglied
Hallo,
ich habe ein kleines Problem mit den Produktboxen.
Auf der Desktop-Seite werden mir diese korrekt angezeigt,
wenn ich allerdings mit einem Mobilengerät die Seite öffne,
werden die Produktboxen nicht skaliert.Ich habe unter dem Plugin Ordner ein Template-File mit dem Namen box_klein.
Dieses binde ich über den Shortcode [asa box_klein]ASIN[/asa] ein.
Sonstige CSS Änderungen habe ich nicht vorgenommen.
Muss ich hier noch etwas anpassen? Bsp. in der style.css?Hier der Code meines Files:
<div style=“width: 190px; border: 1px solid #E8E8E8; border-radius: 10px; float: left; margin-right: 10px; margin-bottom: 20px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);“>
<div style=“text-align: center; height: 180px; padding-top: 8%;“>
</div>
<div style=“text-align: center; font-size: 16px; height: 50px; padding: 1.5%; overflow: hidden; text-overflow: ellipsis;“>
{$Title}
</div>
<div style=“text-align: center; color: grey;“>
{$RatingStars} ({$TotalReviews} Bewertungen)
</div>
<div style=“text-align: center; margin-bottom:10px;“>
Preis: ab {$AmazonPrice} Euro
</div><div style=“background: #ff00ff; text-align: center;color: #fff !important;text-decoration: none !important; padding: 8px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-weight: bold; cursor: pointer;“>
Bei Amazon kaufen
</div>
<div style=“clear: both;“></div>
</div>Vielen Dank für die Hilfe.
Beste Grüße,
David- Dieses Thema wurde geändert vor 8 Jahren, 10 Monaten von david_osiris.
Du musst angemeldet sein, um auf dieses Thema antworten zu können.