DTP→ほそぼそとWeb業界のカタスミでお仕事しています・・・

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

fc2カートのテンプレートをカスタマイズしてみる(1)

気ままに作業してしまったので・・・ページ内もくじ
▼独自タグ一覧を探す
▼テンプレート名を変更(もとはおいとく)
▼Chromeの開発者ツールで見てみた
▼横道にそれ、お知らせを入れてみた
▼スライドショー用の画像をアップロード


fc2カートを入れたので
テンプレートをちょっとカスタマイズしてみようかな。

こういう時に、チラ見するために
↓独自タグの一覧を探しておきます。
テンプレートカスタマイズ用マニュアル
http://cart.fc2.com/tpl_var.php


失敗してもいいように、もとのテンプレートと同じものを
もう一度追加しておいて(複製がなかったので)
名前を変更して「登録」

↓今回、こちらを使用
2016-11-fc2-cart-18.gif

2016-11-fc2-cart-19.gif

テンプレートがちゃんと適用されているか、確認。
2016-11-fc2-cart-21.gif

今回、スライドショーを入れてみたいので
トップページがどうなっているのか、Chromeの開発者ツールで見てみた。
(Windows は「F12」、Mac は「command」+「alt」+「I」)
2016-11-fc2-cart-20.gif
「お知らせ」を発見。

ちょっと「お知らせ」を入れてみようかな。
2016-11-fc2-cart-22.gif

2016-11-fc2-cart-23.gif

2016-11-fc2-cart-24.gif

このお知らせの上にスライドショーをいれることにしよう。
と、いうことは head の下かしらん。

でも先に、カートの方にスライドショー用の画像を
アップロードしておかないと、いけないのでした。
2016-11-fc2-cart-25.gif

2016-11-fc2-cart-26.gif

今回、スライドショーは「Flickity」を使おうと思っています。
↓参考サイト コリス
[JS]ユーザーが快適に操作できることにこだわった、タッチデバイスにも対応のスライダーを実装するスクリプト -Flickity
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-flickity.html


・・・長くなったので、続きはまた~(って、見ている人がいるのかはナゾ)(^^;)
関連記事

コメント

非公開コメント

※宣伝目的のようなコメントが時々あることから、コメントを承認方式に変更しました。
アダルトサイト・販売目的のサイトに誘導するもの、宣伝目的のもの、
わいせつもしくは公序良俗に反するもの、
また誤解を招くようなコメントは、削除させていただきます。

トラックバック

http://memo352.blog119.fc2.com/tb.php/834-dcf9fdce


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。