Produktboxen Responsive?

  • February 24, 2016 at 15:29 #13871
    david_osiris
    Member

    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

    • This topic was modified 8 years, 10 months ago by david_osiris.

You must be logged in to reply to this topic.

Topic Tags