Button "In den Warenkorb" durch einen "Link" ersetzen

Guten Morgen Susanne,

soll der Link auf den externen Shop immer der selbe sein? Ich nehme an dass der pro Artikel individuell ist oder?

Damit der "in den Warenkorb Button" nicht mehr erscheint könnte man den Artikel auf "Preis auf Anfrage" oder auch "nicht käuflich" setzen.

Für die Integration des Links muss man aber auf jeden Fall individuell anpassen. Für die Erfassung des Links könnte das Feld "Herstellerlink" benutzt werden. Aber dieser Link muss dann auch an gewünschter Stelle ausgelesen und anstatt des Warenkorb-Buttons angezeigt werden. Denn im Standard erscheint der Herstellerlink sicherlich nicht so wie von Dir gewünscht.

Bei einem unserer Artikel haben wir das ähnlich individualisiert, da ist aber fest der Link zur Terminbuchung zum Infogespräch drin, also nicht gesteuert pro Artikel. Beispiel: https://shop.lenk.gmbh/gambio-module/gambio-modul-idealo-export-erweiterung-um-kuponcodes.html

Viele Grüße
Walter

 

wichtig zu wissen ist ob du einen Cloudshop oder selfhosted Shop hast.

Und wie Walter schon fragte:
Wohin soll der Link führen? Bei jedem Artikel in den anderen Webshop > Startseite?
oder jeder Artikel verlinkt auf einen anderen Artikel?

 

ist in diesem Fall in beiden Systemen umsetzbar von daher wäre das egal

 

das ist mir klar. sonst hätte ich geschrieben "im Cloudshop nicht möglich". ;-)

 

ich hab da mal was für den Cloudshop "gebastelt". (natürlich auch für alle anderen)
Damit kannst du bei jedem Artikel einen anderen Link setzen.

1. du stellst den Artikel auf "nicht käuflich".

2. dann blendest du per CSS den Warenkorb Button für diesen Artikel aus:

Code:

form[action*="products_id=260&"]>div>div>div>.button-container{
    display: none;
    }

(Die 260 im Code passt man individuell an. Dazu muss ich deinen Shop sehen)

3. Und dann fügst du diesen Linkbutton ins Zusatzfeld von diesem Artikel ein:
Bei "Bezeichnung: ." (diesen blenden wir nachher aus)

Bei "Wert":

Code:

<a href="https://www.klaiber-michaela.de" class="btn btn-linkbutton">Dein Buttontext</a>

4. Mit diesem CSS wird er gestaltet (diesen kopierst du auch in dein eigenes CSS):

Code:

.btn.btn-linkbutton{
    background-color: #2eae06;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 10px;
    border: 1px solid #46f604;
    display: flex;
    justify-content: center;
    }

5. Dieser CSS Code blendet den Punkt und den Doppelpunkt im Feld "Bezeichung" aus:

Code:

.product-info .product-info-details dt.col-xs-4.text-left:last-of-type {
        visibility: hidden;
    }

Sieht dann so aus:



Der Link zu deinem Shop wäre prima.

 

Am einfachsten ist die product_info_template_standart.html dafür zu duplizieren.
Mache daraus z.B. eine product_info_template_standart-weiterleitung.html.
Darin veränderst du folgende Blöcke:

HTML:

                                                        
{block name="product_info_template_standard_sticky_box_price_include"}
                                                            <!-- leermachen -->
{/block}
                           
{block name="product_info_template_standard_sticky_box_quantity_if"}
 {if $QUANTITY}
      {block name="product_info_template_standard_sticky_box_quantity_unit_if"}
           {if $PRODUCTS_QUANTITY_UNIT}
                  {block name="product_info_template_standard_sticky_box_quantity_unit"}
                           {$PRODUCTS_QUANTITY_UNIT}:
                   {/block}
           {/if}
     {/block}
      {else}
      {block name="product_info_template_standard_sticky_box_quantity_unit_else"}
                                                                
              <div class="col-xs-12 button-container">
                      <a href="link zu Weiterleitung"  target="_blank" title="Weiterleitung">zum Produkt
                      </a>           
              </div>                                                               
               <input type="hidden" name="products_id" id="products-id" value="{$PRODUCTS_ID}" />
       {/block}
  {/if}
                                                       
         {block name="product_info_template_standard_sticky_box_product_box_bottom"}
                                                                <!-- leermachen -->
          {/block}
{/block}
                           

Legst diese angepasste Datei neben die product_info_template_standart.html und kannst dann im jeweiligen Artikel
die standart-weiterleitung auswählen

 

Wenn es immer der gleiche Link sein soll, ist das die einfachere Lösung.

 

Man kann aber auch mehrere product_info_template_standart.html anlegen, habe bei mir 4 verschiedene.

 

ja, ich hab auch 3 Verschiedene.