Button-Klick führt zu 404-Error

[Nils_MOOT]

Hi!

Ich nutze Palo Alto und habe eine Promo-Section zur Homepage hinzugefügt. Die Buttons sind eigentlich zu existierenden Landingpages gelinkt. Sobald ich drauf klicke kommt allerdings der 404-Error und mir wird folgende URL angezeigt: https://moot.eco/secondary%20btn--small

Hat jemand eine Ahnung, woran wie man das fixen kann?

Vielen Dank im Voraus! 

[Finer]

@Nils_MOOT ich konnte diese Sektion auf der Seite nicht sehen. Kannst du ein Screenshot der Einstellungen zur Verfügung stellen?

[Nils_MOOT]

@Finer Vielen Dank für Deine Antwort!

Ich habe die Sektion nicht live, daher schicke ich Dir hier ein Screenshot aus dem Bearbeitungsmodus.


Viele Grüße und danke für Deine Mühe!
Nils

[Finer]

@Nils_MOOT wurde am Code etwas geändert? Ich glaube hier werden einfach die Einstellungen des Buttons in der Sektion falsch zugewiesen.

Im Code würde ungefähr so aussehen:

So würde das korrekt sein
<div>
<a href="{{ section.settings.button_url}}" class="button {{ section.settings.button_style}}">{{section.settings.button_text}}</a>
</div>

So wie es aktuell zu sein scheint (Achte auf die HREF-URL)
<div>
<a href="{{ section.settings.button_style}}" class="button {{ section.settings.style}}">{{section.settings.button_text}}</a>
</div>

Vielleicht kannst du in der entsprechenden Sektion das überprüfen.

[Nils_MOOT]

@Finer Vielen Dank! Leider finde ich weder den einen noch den anderen Code.
In der section-promo.liquid gibt es nur folgenden:
{
"type": "button",
"name": "Button",
"settings": [
{
"type": "text",
"id": "promo_btn_text",
"label": "Button text",
"default":"Shop Now",
"info": "Leave blank to link entire image"
},
{
"type": "url",
"id": "promo_btn_link",
"label": "Button URL"
},
{
"type": "select",
"id": "promo_btn_style",
"label": "Button style",
"default": "primary btn--small",
"options": [
{ "label": "Text", "value": "text" },
{ "label": "Small button", "value": "primary btn--small" },
{ "label": "Large button", "value": "primary" },
{ "label": "Small outline button", "value": "secondary btn--small" },
{ "label": "Large outline button", "value": "secondary" }
]
}
]
}

Ist daran etwas falsch?

Viele Grüße
Nils

[Finer]

@Nils_MOOT das ist das Schema, der dafür relevante Bereich ist in der Datei wahrscheinlich etwas weiter oben, oder in einer separaten Datei. Kannst du die Datei hier anhängen/zur Verfügung stellen?

[Nils_MOOT]

@Finer in der Datei ist nichts mehr zum Button. In promo.liquid steht folgendes zum Button:

{%- when 'button' -%}
{%- assign promo_btn_text = block.settings.promo_btn_text -%}
{%- assign promo_btn_style = block.settings.promo_btn_style -%}
{%- assign promo_btn_link = block.settings.promo_btn_style -%}

{%- if promo_btn_text != blank -%}
<div class="promo-banner__button"{% if animations_enabled %} data-aos="fade-up" data-aos-anchor="{{ animation_anchor }}" data-aos-delay="{{ animation_delay }}"{% endif %} {{ block.shopify_attributes }}>
<a class="btn btn--{{ promo_btn_style }}" href="{{ promo_btn_link }}">{{ promo_btn_text }}</a>
</div>
{%- endif -%}
{%- endcase -%}
{%- endfor -%}
{%- endif -%}
</div>

{%- if promo_btn_text == blank and promo_btn_link != blank -%}
</a>
{%- endif -%}
</div>

[Finer · Accepted solution]

@Nils_MOOT da ist auch direkt der Fehler 🙂

{%- assign promo_btn_link = block.settings.promo_btn_style -%}

ist nicht korrekt (4te Zeile)

Das sollte eigentlich folgendermaßen aussehen:

{%- assign promo_btn_link = block.settings.promo_btn_link -%}

Sobald du das korrigiert hast, sollte das passen.

[Nils_MOOT]

@Finer Super, das klappt! Vielen Dank für Deine Mühe! 🙂