HasiDog: kleiner Inline-Link statt großem Button auf der Unterkategorie-Seite, verlinkt jetzt zur Dogfather-Universum-Seite von HasiDog

src/pages/ch/shop/[kategorie]/[unterkategorie].astro

@@ -34,11 +34,16 @@ const sub = getSubcategory(kategorie!, unterkategorie!)!;
       {sub.vorstellung && (
         <div class="character-intro">
           {sub.vorstellung[lang].split("\n").map((line) => <p>{line}</p>)}
+          {sub.mehrLink && (
+            <p class="character-more">
+              Wosch meh über {sub.name[lang]} wüsse? Klick da:{" "}
+              <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">da →</a>
+            </p>
+          )}
         </div>
       )}
       <p class="small">{t.shop.subcategoryEmpty}</p>
       <div class="btn-row">
-        {sub.mehrLink && <a class="btn btn-primary" href={`/ch${sub.mehrLink}`}>{t.shop.moreAbout} {sub.name[lang]} →</a>}
         <a class="btn btn-outline" href={`/ch/shop/${category.slug}/`}>← {category.name[lang]}</a>
         <a class="btn btn-outline" href="/ch/shop/">{t.common.toShop}</a>
       </div>

src/pages/en/shop/[kategorie]/[unterkategorie].astro

@@ -34,11 +34,16 @@ const sub = getSubcategory(kategorie!, unterkategorie!)!;
       {sub.vorstellung && (
         <div class="character-intro">
           {sub.vorstellung[lang].split("\n").map((line) => <p>{line}</p>)}
+          {sub.mehrLink && (
+            <p class="character-more">
+              Want to learn more about {sub.name[lang]}? Click here:{" "}
+              <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">here →</a>
+            </p>
+          )}
         </div>
       )}
       <p class="small">{t.shop.subcategoryEmpty}</p>
       <div class="btn-row">
-        {sub.mehrLink && <a class="btn btn-primary" href={`/en${sub.mehrLink}`}>{t.shop.moreAbout} {sub.name[lang]} →</a>}
         <a class="btn btn-outline" href={`/en/shop/${category.slug}/`}>← {category.name[lang]}</a>
         <a class="btn btn-outline" href="/en/shop/">{t.common.toShop}</a>
       </div>

src/pages/fr/shop/[kategorie]/[unterkategorie].astro

@@ -34,11 +34,16 @@ const sub = getSubcategory(kategorie!, unterkategorie!)!;
       {sub.vorstellung && (
         <div class="character-intro">
           {sub.vorstellung[lang].split("\n").map((line) => <p>{line}</p>)}
+          {sub.mehrLink && (
+            <p class="character-more">
+              Tu veux en savoir plus sur {sub.name[lang]} ? Clique ici :{" "}
+              <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">ici →</a>
+            </p>
+          )}
         </div>
       )}
       <p class="small">{t.shop.subcategoryEmpty}</p>
       <div class="btn-row">
-        {sub.mehrLink && <a class="btn btn-primary" href={`/fr${sub.mehrLink}`}>{t.shop.moreAbout} {sub.name[lang]} →</a>}
         <a class="btn btn-outline" href={`/fr/shop/${category.slug}/`}>← {category.name[lang]}</a>
         <a class="btn btn-outline" href="/fr/shop/">{t.common.toShop}</a>
       </div>

src/pages/shop/[kategorie]/[unterkategorie].astro

@@ -34,11 +34,16 @@ const sub = getSubcategory(kategorie!, unterkategorie!)!;
       {sub.vorstellung && (
         <div class="character-intro">
           {sub.vorstellung[lang].split("\n").map((line) => <p>{line}</p>)}
+          {sub.mehrLink && (
+            <p class="character-more">
+              Du willst mehr über {sub.name[lang]} erfahren, dann klicke hier:{" "}
+              <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">hier →</a>
+            </p>
+          )}
         </div>
       )}
       <p class="small">{t.shop.subcategoryEmpty}</p>
       <div class="btn-row">
-        {sub.mehrLink && <a class="btn btn-primary" href={sub.mehrLink}>{t.shop.moreAbout} {sub.name[lang]} →</a>}
         <a class="btn btn-outline" href={`/shop/${category.slug}/`}>← {category.name[lang]}</a>
         <a class="btn btn-outline" href="/shop/">{t.common.toShop}</a>
       </div>