Wordpress / Woocommerce - Sections festlegen für Javascript Scrolling

[Tuempelkoenig]

Hallo zusammen,
ich verwende für Wordpress/Woocommerce ein Onepage Theme (http://themify.me/demo/themes/flatshop/). Hier werden auf der Start-Seite nach einem Slider verschiedene Produkte untereinander angezeigt.
Zur Erhöhung der Usability würde ich nun gerne eine Navigation mit zwei Pfeilen einbauen, mit der man mittels javascript zum jeweils nächsten Produkt / zur nächsten Seite scrollen kann. Das ganze sollte folgendermaßen funktionieren:
http://www.eden-made.de/
Wo/wie kann ich nun am besten die sections einbauen, die den Start einer neuer Seite markieren? Das Problem ist dass die einzelnden Seiten Woocommerce-Produkte sind und ich hier nur die Felder für Shortdescription Name und Preis definieren kann, wobei sich short description in der Mitte der Seite befindet. Ich brauche die Möglichkeit um jeweils an den Anfang der Seite eine neue Section zu setzen (zu der gescrollt werden kann), allerdings muss diese natürlich für jede Seite individuell sein.
Ich hoffe ich habe mich einigermaßen verständlich ausgedrückt und mir kann jemand helfen...
Danke

 

[Tuempelkoenig]

Niemand 'ne idee?

 

[Tion1392]

Naja, relativ simple:
Du definierst einen ViewPort (mit der breite und höhe des browsers) und beim klick auf nen Pfeil wird der Inhalt mit animate um die Höhe der aktuellen section verschoben. Je nachdem nach oben oder utnen.