HomeMadeGarbage Loading

[WooCommerce] 音楽販売サイトのデザイン変更

お母ちゃん  2019.1.25 
ホーム
電子工作
Raspberry Pi
IOT
音楽
Home > 音楽 > [WooCommerce] 音楽販売サイトのデザイン変更
すき 0
うんこ 0

Version 2.0

WELCOME脳トラック販売サイトのデザインを少し変更しました。

テーマは StoreFront を使っています。

記念にスクリーンショットをとっておきます。

Version3.0 [2019]

更に変更してこのようになりました。

トップページ

TOPではサムネイルをフルスクリーンで表示し、
ページ下部にはJavaScriptで再生バーをつけました。

カテゴリページ

カテゴリページのレイアウトは基本的に StoreFront のままで、
ページ下部には再生バーをつけ、
サムネイルをクリックしたら音楽再生出来るようにしました。

商品ページ

商品ページはmp3の埋め込み再生バーを表示しています。

 

まだ少しバグもありますが
そのうち音楽再生カスタマイズのJavaScriptの記事を書こうと思います..。

 

WooCommerceの記事はこちら

https://homemadegarbage.com/wordpress-woocommerce

 

コメントはこちらから

メールアドレスが公開されることはありません。コメントのみでもOKです。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください