Liquid, JavaScript, Themes
Ich möchte gerne die Seitenzahlen angezeigt bekommen. Ich habe hie Diesen HTML Code gefunden. Aber der Funktioniert nicht richtig. Kann mir da Jemand Helfen? Wie unten im Screen Shot. Die Seitenzahlen sollten auch in der mitte sein und nicht linksbündig.
<!-- Pagination -->
{%- if paginate.pages > 1 -%}
<nav role="navigation">
<ol class="pagination">
{%- if paginate.previous-%}
<li>
<a href="{{ paginate.previous.url }}">
<span aria-hidden="true">«</span>
Previous <span class="visuallyhidden">page</span>
</a>
</li>
{%- else -%}
<li class="disabled">
<span aria-hidden="true">«</span>
Previous <span class="visuallyhidden">page</span>
</li>
{%- endif -%}
{%- for part in paginate.parts -%}
{%- if part.is_link -%}
<li>
<a href="{{ part.url }}">
<span class="visuallyhidden">page</span> {{ part.title }}
</a>
</li>
{%- else -%}
{%- if part.title == paginate.current_page -%}
<li class="active" aria-current="page">
<span class="visuallyhidden">page</span> {{ part.title }}
</li>
{%- else -%}
<li>
<span class="visuallyhidden">page</span> {{ part.title }}
</li>
{%- endif -%}
{%- endif -%}
{%- endfor -%}
{%- if paginate.next -%}
<li>
<a href="{{ paginate.next.url }}">
Next <span class="visuallyhidden">page</span>
<span aria-hidden="true">»</span>
</a>
</li>
{%- else -%}
<li class="disabled">
Next <span class="visuallyhidden">page</span>
<span aria-hidden="true">»</span>
</li>
{%- endif -%}
</ol>
</nav>
{%- endif -%}
<style>
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.pagination li {
display: inline;
margin: 0 5px;
color: #222725;
}
</style>
Hi @FrostyBrain,
ich helfe dir gerne dabei einen Weg zu finden um dein Theme so wie gewünscht anzupassen.
Kannst du mir dazu sagen welches Theme du verwendest? Wer dein Theme entwickelt hat und unterstützt siehst du so nach.
Da du dich gerade mit dem Design deines Shopify Shops beschäftigst, dachte ich kannst du bestimmt auch von diesen Tips zum Thema profitieren, dass erläutert, wie man einen Shopify Shop erstellt, der sich von anderen abhebt. Welche dieser Tipps würdest du gerne in deinem eigenen Shopify Shop umsetzen?
Ich freue mich auf deine Antwort,
Kai | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Hallo Kai
freue mich dass Du geantwortet hast. Ich habe dem Shopify Support das Problem geschildert. Ich denke das können Die lösen. Wie auch alles andere bis anhin.
Mein Theme ist von Debutify. Ich hab das PRO Abbo mit den 30 Add Ons. Ich bin alles noch am kennenlernen. So als Anfänger der keine Ahnung hatte wie eine Website erstellen ist das schon herausfordernd. Aber in der heutigen Zeit mit dem Baukastensystem alles machbar.... und lernbar.
Braucht halt seine Zeit.
Wenn ich Fragen habe und Du bereit bist mich zu Unterstützen, wäre ich froh wenn ich Dich anschreiben kann. Ist das OK für Dich?
freundlicher Gruss
André
Hey André! @FrostyBrain
Du bist hier an der richtigen Stelle wenn du weitere Fragen hast. Poste sie ruhig hier oder in einem neuen Leitfaden (kann etwas länger dauern bis wir antworten) und lass uns dann weiter plaudern! 😉
VG,
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024