In den Warenkorb legen - Button Farbe

[Janzenala]

Hallo,

ich möchte gerne, dass mein "In den Warenkorb legen" Button orange ist. Ich habe mir jetzt schon einige Tutorials angesehen, aber leider hat das mit der Codierung nicht geklappt. Ich benutze das Theme Refresh. Kann mir jemand helfen?

Vielen Dank, Phillip

[Finer]

@Janzenala das solltest du über die Farbeinstellungen des Themes (Accent 1) definieren können, oder?

[Janzenala]

Vielen Dank. hab ich versucht, leider erfolglos...

[Finer]

@Janzenala verwendest du den Dynamic Checkout Button? Eventuell hängt es damit zusammen. Wenn dieser nämlich aktiviert ist, bekommt der Express Button das primäre Design.

Wenn das der Fall ist, kannst du in der main-product.liquid Datei bei Zeile 428 folgendes:

 <button
    type="submit"
    name="add"
    class="product-form__submit button button--full-width {% if block.settings.show_dynamic_checkout and product.selling_plan_groups == empty %}button--secondary{% else %}button--primary{% endif %}" {% if product.selected_or_first_available_variant.available == false %}disabled{% endif %}>

durch folgendes ersetzen:

 <button
  type="submit"
  name="add"
  class="product-form__submit button button--full-width {% if block.settings.show_dynamic_checkout and product.selling_plan_groups == empty %}button--primary{% else %}button--secondary{% endif %}" {% if product.selected_or_first_available_variant.available == false %}disabled{% endif %}>

Dadurch „drehen“ wir die Standardregel, dass wenn es einen Expressbutton gibt, dieser das "sekundäre" Design bekommt und nicht das primäre.

[AnnaBe]

Hi, bei mir hat es ganz easy mit folgendem Code am Ende der theme.css oder base.css geklappt:

.product-form__cart-submit {
background-color: orange !important;
color: black !important;
}

LG