Mehrere Buttons je Produkt

ghostdog · Jul 17th 2020

Hallo Christof und Forumsteilnehmer,

ich suche nach der Funktion einem Produkt mehrere Kaufbuttons hinzuzufügen. Mit der Preisvergleichsfunktion gibt es so etwas ähnliches ja schon. Jedoch habe ich bisher nur die Darstellung mit der Beschriftung "Preisvergleich" und dem separaten Anklicken gefunden.

Mir geht es hauptsächlich um Bücher, die in DE ja preisgebunden sind. Da würde ich gerne mehrere Buchhändler direkt als Button anzeigen. Beispiel etwa hier bei Spiegel-Buchbesprechung:

https://www.spiegel.de/kultur/…80-4e20-81ef-d481de135d89

Damit die Funktion flexibel bei Preisunterschieden wird, kann der Preis natürlich auch direkt in den Button oder daneben wandern.

Gibt es das schon in Affiliate-Toolkit?

Viele Grüße

Matthias

Christof · Jul 18th 2020

Hallo,

Quote from ghostdog

Gibt es das schon in Affiliate-Toolkit?

Machbar ist es über den Preisvergleich relativ einfach. Man müsste nur eine entsprechende Vorlage basteln. Keine Ahnung wie viel Ahnung du von HTML hast?

Wie soll es den konkret am besten aussehen?

lg Christof

ghostdog · Jul 20th 2020

Hallo Christof,

an Deiner Antwort gefällt mir "relativ einfach machbar".

Meine HTML- und CSS-Kenntnisse sind auf einem Niveau, dass ich Code lesen, grundsätzlich verstehe und auch anpassen kann. Selbst von Null aufbauen mache ich sehr selten, da ich das nicht geübt bin und daher diese Zeit vom Content generieren abgeht.

Für den Start würde mir auch eine der bekannten Produktboxen reichen. Die sehen ja schon ganz gut aus. Nur statt eines Buttons, dann eben zwei oder drei. Die Vorlage beim Spiegel (Link oben, graue Affiliate-Box nach dem zweiten Paragraph) mit Text und Logo sieht gut aus. Bei unterschiedlichen Preisen, wäre der Preis direkt im Button vorteilhaft.

"Bei Amazon bestellen € 12,34"

"Bei Thalia bestellen € 43,21"

Viele Grüße

Matthias

Alessio · Jul 21st 2020

Fände ich auch ganz interessant. Auch mit dem Logo direkt im Button.

Auf meiner Website nutze ich in meinen Produktboxen (Bestseller) eine Preisvergleichstabelle, die ich nur ein bisschen gestylet habe.

Die hat halt noch 3 Spalten, je mit Logo, Preis/Verfügbarkeit und Jetzt kaufen Button.

Nur Buttons wären da nicht schlecht, da diese Tabelle schon viel Platz verbraucht.

Insbesondere bei Produktvergleichstabellen fände ich so Buttons wie Spiegel sie hat ziemlich nett.

Setze gerade für die Tabellen auf den Button, wo man darüberhovern muss, damit man die anderen Shops sieht (findest du hier).

Da klickt aber wirklich niemand drauf.

Ich versuch das mal selbst mit HTML/CSS zu realisieren, wenn ich es hinkrieg schreib ich nochmal

Christof · Jul 21st 2020

Evtl. find ich Zeit und bau mal eine kleine Vorlage zum Anpassen.

lg Christof

Alessio · Jul 21st 2020

Hey,

hab das für die responsive Vergleichstabelle hingekriegt. Das Resultat seht ihr hier:

https://gaming-lenkrad-experten.de/pc-lenkrad/mittelklasse/

So sieht das aus:

Für Mobil noch nicht perfekt optimiert, aber sieht auf dem Desktop ganz ordentlich aus.

Geht sicher auch mit ein paar Änderungen für Produktboxen/Bestsellerboxen o.ä.

Hier ist der Code vom Template:

Type: Offer Template:

Header:

Code

<table class="buttonofferstable atkp-pricecompare priceCompareTable">

Detail:

Code

<tr>
    <td class="buytexttd" style="vertical-align: middle; text-align:center">
        <a %productlink% class="atkp-button">
          <span class="items-center">
                <span class="orderbuttontext">Jetzt kaufen auf%linkmark%</span>
                <br>
                %shoplogo%
                <br>
                <span class="priceComparisonPriceTag">%price_text%</span>
            </span>
        </a>
    </td>
</tr>

Display More

Footer:

Code

</table>
<a  %detaillink% class="atkp-secondbutton alleangeboteansehen">Weitere Angebote &gt;&gt;</a>

Und hier noch die CSS Dinger (hab ich im Child Theme):

CSS

.buttonofferstable{
    margin-bottom: 0px;
}
.buttonofferstable, .buttonofferstable th, .buttonofferstable td{
    border-width: 0px!important;
}
.buttonofferstable .buytexttd a{
    color: #000;
    padding-left: .2rem;
    padding-right: .2rem;
    padding-top: .375rem;
    padding-bottom: .375rem;
    line-height: 1.26;
    font-weight: 700;
    display: inline-flex;
    border-width: 1px;
    border-color: #989694;
    background-color: #fff;
    width: 95%;
}
td.buytexttd {
    padding-left: 0!important;
    padding-right: 0!important;
}
.buttonofferstable .buytexttd a.atkp-button:hover{
    background-color: #fff!important;
    color: #000000!important;
}
.items-center{
    margin-left: auto;
    margin-right: auto;
}

Display More

Maximum amount of offers hab ich auf 1.

Hoffe das hilft

ghostdog · Jul 23rd 2020

Quote from Christof

Evtl. find ich Zeit und bau mal eine kleine Vorlage zum Anpassen.

lg Christof

Das ist eine gute Idee, Christof! Freu mich drauf.

ghostdog · Aug 15th 2020

Quote from Christof

Evtl. find ich Zeit und bau mal eine kleine Vorlage zum Anpassen.

lg Christof

Hallo Christof,

wann schätzt Du hier eine Vorlage bauen zu können?

Christof · Aug 15th 2020

Quote from ghostdog

Hallo Christof,

wann schätzt Du hier eine Vorlage bauen zu können?

Sobald ich Zeit habe Momentan ist es ein wenig Stressig bei mir. Sonst gerne die Vorlage von Alessio nutzen.

lg Christof

Hamnegg · Jun 8th 2023

Quote from ghostdog

Für den Start würde mir auch eine der bekannten Produktboxen reichen. Die sehen ja schon ganz gut aus. Nur statt eines Buttons, dann eben zwei oder drei. Die Vorlage beim Spiegel (Link oben, graue Affiliate-Box nach dem zweiten Paragraph) mit Text und Logo sieht gut aus. Bei unterschiedlichen Preisen, wäre der Preis direkt im Button vorteilhaft.

"Bei Amazon bestellen € 12,34"

"Bei Thalia bestellen € 43,21"

Das würde ich gern nach oben holen: wäre auch genau das, was ich momentan bräuchte. Kann man das irgendwie noch nachliefern? Oder ist das in einer der Systemvorlagen bereits umgesetzt?
Ansonsten gerne eine Anleitung, wie man das nachbauen könnte. Besten Dank!

Christof · Jun 11th 2023

Quote from Hamnegg

Das würde ich gern nach oben holen: wäre auch genau das, was ich momentan bräuchte. Kann man das irgendwie noch nachliefern? Oder ist das in einer der Systemvorlagen bereits umgesetzt?

Leider habe ich da gerade keine Vorlage parat. Man müsste eigentlich nur die die Vorlage moreoffers2 anpassen.. in etwa so.. und dann wählt man einfach die andere Angebotsvorlage aus.. dann müsste man wsl. noch den primären button entfernen.

PHP

<?php

/** @var $formatter atkp_formatter */
/** @var $parameters atkp_template_parameters */
/** @var $products atkp_product[]|null */
?>
<div class="atkp-moreoffers2-box {{$parameters->get_css_container_class()}}">
    @if($products == null)
        {{ $formatter->set_temp_value('product', $product) }}
    @else
        {{ $formatter->set_temp_value('product', $products[0]) }}
    @endif

    <div class="atkp-moreoffersinfo" style="padding-top:20px;padding-bottom: 20px">
        <div>
            @foreach($formatter->get_offers($formatter->get_temp_value('product'), true, $parameters->get_moreoffers_count()) as $offer)
                <div class="atkp-container atkp-clearfix" style="font-size:11px;max-width:300px;margin-left:auto">

                    <a {!! $formatter->get_offer_productlink($offer) !!} class="atkp-button">
{!! $$offer->shop->get_title() !!}
                    </a>
                </div>
            @endforeach
        </div>
    </div>
</div>

Display More

Hamnegg · Jun 16th 2023

Hallo Christof,

Quote from Christof

...Man müsste eigentlich nur die die Vorlage moreoffers2 anpassen.. in etwa so.. und dann wählt man einfach die andere Angebotsvorlage aus..

das hört sich jetzt für dich sehr einfach an, ich scheitere aber leider dann daran, den Code irgendwie mit der Bestseller-Vorlage zu verknüpfen.

Eigentlich ist es gefühlt sehr einfach: ich würde einfach nur die Angebote dargstellt bekommen wollen, anstatt auf "weitere Angebote" hovern zu müssen. Also im Grunde so:

+ der Preis als Button zum jeweiligen Shop.

Gäbs dafür ein kurzes Snippet für die Bestseller- oder eine andere Vorlage? Das wäre genial!

Danke und schöne Grüße!

ghostdog · Jun 29th 2023

Daumen hoch, dass das eine Systemvorlage wird. Christof: Der Vorteil von AFTK ist ja gerade die Einbindung mehrerer Shops/APIs. Von daher wären passende Systemvorlagen nur konsequent.

Shop & Preis im Button
Preis außerhalb der Buttons, Shopname in den Buttons (z.B. bei Büchern)
Varianten! --> separate Buttonreihe je Variante erforderlich. Ebenfalls Option mit Einheitspreis oder shop-individuellem Preis.

Beispiele:

Spiegel: https://www.spiegel.de/kultur/…80-4e20-81ef-d481de135d89
PenguinRandomhouse: https://www.penguinrandomhouse…teraturverlag/e615352.rhd

ghostdog · Sep 6th 2023

Die Lösung für diese Anfrage soll "relativ einfach und schnell" sein. Seit drei Jahren ist sie offen.

Und die Varianten im Plugin funktionieren immer noch nicht, oder?

Christof · Sep 6th 2023

Quote from ghostdog

Die Lösung für diese Anfrage soll "relativ einfach und schnell" sein. Seit drei Jahren ist sie offen.

Ja, das ging irgendwie unter. Sorry.

Quote from ghostdog

Und die Varianten im Plugin funktionieren immer noch nicht, oder?

Varianten können geladen werden oder was genau meinst du?

VG christof

Mehrere Buttons je Produkt

Share

Tags