Funktion und Beschriftung von Warenkorbbutton für einzelnes Produkt ändern

04.11.2017 11:49
avatar  TiJo
#1
Ti

Hi zusammen,

hat von euch schon mal jemand die Funktion und die Beschriftung von einem "In den Warenkorb"-Button für ein einzelnes Produkt geändert?
Der der Artikel nur angefragt werden soll, soll der Button nur ein Formular öffnen, und nichts dem Warenkorb hinzufügen.

Ich habe mal versucht den Code von dem Shop-Produkt in ein Widget zu kopieren. Allerdings ist dann die Formatierung weg :( Auch das Produktbild wird nicht mehr am Handy angezeigt.

Den konrekt um das Produkt bei jordan-brennholz.de/neue-seite

Hat jemand eine Idee?


 Antworten

 Beitrag melden
04.11.2017 20:09 (zuletzt bearbeitet: 04.11.2017 20:09)
avatar  az_
#2
avatar
az_

Hi @TiJo - Du kannst Jimdo-Texte mit Hilfe von jQuery .replace ändern.

Beispiel: Checkout-Labels:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<!-- Only need to call jquery once per head-->
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"
type="text/javascript"> </script>
 
<script type="text/javascript">

/* Replaces the label "Discount Code" on the checkout page with the word "Bro".
You start by identifying the class of the label - in this case that is
"j-checkout__input-label--coupon"... You can also replace just one word
of the label*/

$(document).ready(function() {
$(".j-checkout__input-label--coupon").text(function(){
return $(this).text().replace("Discount Code", "Bro");
});
});
</script>
 



LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
04.11.2017 20:24 (zuletzt bearbeitet: 04.11.2017 20:24)
avatar  TiJo
#3
Ti

@az_ danke für deine Antwort.
Ändert sich aber dadurch nicht die Beschriftung von jedem "In den Warenkorb"-Button? Da ich ja nur nach Labels suche. Ich möchte nur die Funktion und Beschriftung von bestimmten Buttons ändern.


 Antworten

 Beitrag melden
04.11.2017 20:39
avatar  az_
#4
avatar
az_

...du könntest einen Filter vorschieben (https://api.jquery.com/id-selector/), oder ein Widget für genau das Element vor dem Script schreiben:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 

<!-- addClass to Element above -->
 
<div id="event1">
</div>
<script type="text/javascript">
//<![CDATA[
//noconflict
jQuery(function ($) {
 
$(function () {
if (document.location.href.indexOf('e.jimdo.com') > -1 ) {} else {
$(document).ready(function () {
$('#event1').parent().prev().addClass("new-class");

});
}
});
 
});
//eof noconflict


//]]>
</script>
 



lG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
04.11.2017 20:48
avatar  TiJo
#5
Ti

Das klingt kompliziert und für mich momentan etwas undurchsichtig.
Eine andere Idee von mir war, dass ich den "In den Warenkorb"-Button bei dem gewollten Produkt ausblende und stattdessen ein Standardelement-Button an genau die gleiche Stelle platziere. Stellt sich nur die Frage, wie ich den Button an genau die Stelle bekomme...


 Antworten

 Beitrag melden
04.11.2017 21:21
avatar  az_
#6
avatar
az_

jQuery .appendTo macht sowas möglich.

...ist aber nicht nötig. Du kannst auch reines CSS benutzen. Inhalt ausblenden und dann mit content:'neuer Inhalt'

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
05.11.2017 12:29 (zuletzt bearbeitet: 05.11.2017 12:30)
avatar  TiJo
#7
Ti

ich habs jetzt mit bisschen JavaScript gepaart mit iQuery hinbekommen.
Ergebis ist auf jordan-brennholz.de/neue-seite zu sehen. Code gibts auf Anfrage.


 Antworten

 Beitrag melden
11.11.2017 16:09
avatar  az_
#8
avatar
az_

...so ganz versteh ich nicht, was Du da gemacht hast. "Funktion und Beschriftung von Warenkorbbutton für einzelnes Produkt ändern"
...mach doch mal einen screenshot mit ein paar Erklärungen!

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
11.11.2017 16:20 (zuletzt bearbeitet: 11.11.2017 16:20)
avatar  TiJo
#9
Ti

@az_
ich habe die Funktion mittlerweile auf https://www.jordan-brennholz.de/produkte#stammholz übertragen.
Das ist ein ganz normales Shopprodukt, bei dem der "in den Warenkorb"-Button mit einer anderen Funktion und Beschriftung belegt wurde. Jetzt öffnet sich ein Formular.


 Antworten

 Beitrag melden
11.11.2017 16:25
avatar  az_
#10
avatar
az_

...super Idee und Umsetzung! interessiert mich sehr!


LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
11.11.2017 16:30
avatar  TiJo
#11
Ti

@az_ danke für die Rosen ;)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
window.onload = function()
{

$("#cc-m-product-9978835471").find( "button" ).eq( 0 ).text(function()
{
return $(this).text().replace("In den Warenkorb", "Anfrage Stammholz");
});

$("#cc-m-product-9978835471").find( "button" ).eq( 0 ).removeAttr('data-action');
$("#cc-m-product-9978835471").find( "button" ).eq( 0 ).click(function()
{
$("#cc-m-9986065671").toggle();
});

}
 


 Antworten

 Beitrag melden
11.11.2017 16:42
avatar  az_
#12
avatar
az_

...ich freue mich! Das Niveau dieses Forums steigt :)


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!