tpl Design

  • März 10, 2015 um 11:17 Uhr #13327
    Stoni
    Mitglied

    Hi,

    echt super Plugin,
    hätte aber gerne ein anderes Design,
    hab schon ein wenig herumprobiert, aber ich hab halt von den Codes keine Ahnung,
    wie müsste der Code aussehen, damit es so aussieht wie hier:

    http://www.kinderbett-abc.de/guenstige-kinderbetten-beim-kauf-sparen/

    danke

    März 17, 2015 um 19:33 Uhr #13331
    Timo
    Mitglied

    Hast du es schonmal damit versucht, dir den Quelltext der Seite anzuschauen und daraus in ein eigenes Template umzusetzen? Wie du eigene Templates erstellen kannst, wird im Guide erklärt: http://www.wp-amazon-plugin.com/guide/

    März 18, 2015 um 07:21 Uhr #13332
    Stoni
    Mitglied

    Hi,

    ja, wie ich ein template erstelle weiß ich,
    den Code habe ich mittlerweile vom Ersteller erhalten,
    schaut so aus:

    <div class=”asa_box”>
    <div class=”asa_img”>

    </div>
    <div class=”asa_title”>
    {$Title}*
    </div>

    <div class=”asa_ratingstars”>
    {$RatingStars} <span style=”font-size: 14px; color: grey;”>({$TotalReviews})</span>
    </div>

    <div class=”asa_price”>
    <span style=”font-size: 12px;”>ab </span> <span style=”color: #008b00; font-weight: bold”> {$AmazonPrice} €</span>
    </div>

    <div class=”asa_button”>
    <span style=”color: #fff”>zum Shop*</span>
    </div>
    </div>

    und das für die style.css :

    .asa_box{
    width: 215px;
    border: 1px solid #ddd;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    }

    .asa_img{
    text-align: center;
    height: 180px;
    padding-top: 8%;
    }

    .asa_title{
    text-align: center;
    font-size: 14px;
    height: 64px;
    }

    .asa_ratingstars{
    text-align: center;
    }

    .asa_price{
    text-align: center;
    }

    .asa_button{
    text-align: center;
    background: #bb57b6;
    text-decoration: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 10px;
    }

    habe ich auch so gemacht,
    funktioniert aber nicht ganz,

    irgendwie dürfte das Zusammenspiel zwischen den beiden nicht funktionieren,

    die Produkte findet er zwar, aber das Bild selbst nicht, und die Formate auch nicht, Rahmen hab ich gar keinen,

Du musst angemeldet sein, um auf dieses Thema antworten zu können.