{"id":1235,"date":"2017-09-19T12:27:46","date_gmt":"2017-09-19T12:27:46","guid":{"rendered":"http:\/\/www.taywa.ch\/blog\/?p=1235"},"modified":"2017-09-19T12:47:26","modified_gmt":"2017-09-19T12:47:26","slug":"text-pfeilnavigation-fuer-buch-produktslideshow-auf-about-books-mit-woocommerce","status":"publish","type":"post","link":"https:\/\/www.taywa.ch\/blog\/wordpress\/text-pfeilnavigation-fuer-buch-produktslideshow-auf-about-books-mit-woocommerce\/","title":{"rendered":"Text-\/ Pfeilnavigation f\u00fcr Buch-produktslideshow auf About Books mit woocommerce"},"content":{"rendered":"

woocommerce ist eines der verbreitetsten shop-plugins f\u00fcr wordpress. taywa hat f\u00fcr bruno margreth von der about books gmbh einen onlineshop damit entwickelt. unser ziel war bestm\u00f6gliche updatef\u00e4higkeit zu gew\u00e4rleisten und nicht enfach im plugin\/theme rumzuhacken oder zuviel zu \u00fcberschreiben.<\/p>\n

woocommerce bietet viele filter\/functions\/hooks an, aber die meisten sind schlecht dokumentiert. bei „About Books“ – aboutbooks.ch<\/a> – sollten bei der produktslideshow prev\/next links hin und keine thumbnails.<\/p>\n

Designvorlage f\u00fcr die produktseite von aboutbooks.ch mit dem buch The Images of Architects als beispiel:
\n\"Einzelansicht<\/a><\/p>\n

nach der analyse des quellcodes haben wir die javascript-optionen f\u00fcr die gallery gefunden. und \u00fcber diese den filter „woocommerce_single_product_carousel_options“<\/strong> entdeckt. im functions.php<\/strong> des about books themes konnten wir so folgenden filter ansprechen:<\/p>\n

\nadd_filter( ‚woocommerce_single_product_carousel_options‘, function( $options ) {
\n    $options[‚directionNav‘] = true;
\n    $options[‚controlNav‘] = false;
\n    $options[‚animationLoop‘] = true;
\n    return $options;
\n} );<\/div>\n

hier das resultat anhand des buches „The Images of Architects“:
\nhttps:\/\/aboutbooks.ch\/product\/the-images-of-architects-edited-by-valerio-olgiati\/<\/a><\/p>\n

wie man im quellcode der seite sieht, ver\u00e4ndert der filter die eigenschaft ‚flexslider‘<\/strong> des javascript variable ‚wc_single_product_params‘<\/strong> womit der slider konfiguriert wird.<\/p>\n","protected":false},"excerpt":{"rendered":"

woocommerce ist eines der verbreitetsten shop-plugins f\u00fcr wordpress. taywa hat f\u00fcr bruno margreth von der about books gmbh einen onlineshop damit entwickelt. unser ziel war bestm\u00f6gliche updatef\u00e4higkeit zu gew\u00e4rleisten und nicht enfach im plugin\/theme rumzuhacken oder zuviel zu \u00fcberschreiben. woocommerce bietet viele filter\/functions\/hooks an, aber die meisten sind schlecht dokumentiert. bei „About Books“ – aboutbooks.ch<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[183,200],"class_list":["post-1235","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-js","tag-woocommerce"],"_links":{"self":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/1235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/comments?post=1235"}],"version-history":[{"count":9,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/1235\/revisions"}],"predecessor-version":[{"id":1246,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/1235\/revisions\/1246"}],"wp:attachment":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/media?parent=1235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/categories?post=1235"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/tags?post=1235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}