タグ

ブックマーク / recipe.oga-ria.com (7)

  • Yahoo!ストアマネージャーでの店舗構築は、CSSをインライン記述に一発変換する「CSS inliner」が便利。

    こんにちは!あらあらまぁまぁ、ogaRia中村です。 インラインでしかCSS記述できないYahoo!ストアマネージャー… Yahoo!ストアマネージャー内のフリースペースでは、<style>~</style>の記述ができません(困)。その為、CSSHTMLの中にインラインで記述する必要があります。 例えば楽天ショップで作ったCSSYahoo!ストアで使う場合… ▼楽天ショップで作成したCSS <style type="text/css"> <!-- img { border:none; } a { color:#f60; text-decoration:none; font-size:120%; } --> </style> <a href="1.html" target="_blank"><img src="#.jpg" alt="**" /></a> <a href="2.html

    Yahoo!ストアマネージャーでの店舗構築は、CSSをインライン記述に一発変換する「CSS inliner」が便利。
    rearea
    rearea 2020/08/19
  • スマホページにメルマガ登録フォームを設置するHTMLテンプレートをご紹介!

    スマホの脱出ゲームで遊んでいてダイアル式ロックを解除するシーンがありました。 適当にガチャガチャ動かしていたら開いてしまったのでそっとアプリを終了させたogaRia佐藤です。これで脱出できても達成感がないですよね>< さて今回は楽天GOLDで作ったスマホTOPページなどに 設置できるメルマガ登録フォームのHTMLテンプレートをご紹介したいと思います。 デモ デザイン1 貼り付けHTML 貼り付ける前に下記赤字の部分を修正しましょう! SHOP-URL ここにはショップのアカウントを入力します。 アカウントはショップページのTOPに記載されているURLの末尾の部分です。 例えば http://www.rakuten.co.jp/wakeariya/ この場合「wakeariya」がショップアカウントです。 SHOP-NUMBER ここには「ショップナンバー」を入れます。ショップナンバーは数字

  • ogaRia 繁盛レシピ

    [株式会社オーガランド] 現在24のネットショップを運営する鹿児島の企業です。 販促支援システムを提供する「ogaRia(オガリア)」サービスを運営しています。 ⇒ ogaRiaサービスについてはこちらから

  • 【非公式…!】chrome拡張機能「scriptAutoRunner」で楽天市場の「http→https」を自動化する方法

    ごま、って結局なんだ?オガリア中村です。 日は、楽天市場の「https化」作業をちょっと楽にする方法をご紹介しますよー! 楽天市場は自動でhttps化されない…!しかも「商品一括編集サービス(有償)」も利用していない…!そんな絶望に包まれた店舗様はぜひお試しあれ。 RMSで編集画面を開くたびに、自動でhttpsへ置換! シンプルに、「商品の編集画面に入ったときに、自動でhttpをhttpsに置換する」だけの機能になります。 できないこと ・全商品の一括処理 ・商品ページ以外のページについての置換(トップページとかヘッダーとか) 設定方法 今回使うのは、google chromeブラウザの拡張機能「scriptAutoRunner」です!特定のwebページにアクセスした際に、自分で用意したscript(ページの状態を動的に書き変えできる言語)を作動させてくれる面白いアプリケーションです。

  • 【楽天】CSS Tips┃カテゴリページの「商品リスト」を見やすくカスタマイズ!(コピペで完了)

    この記事は過去に書かれた「ogaRia繁盛レシピ」を再掲載しています。予めご了承くださいませ。 こんにちは、左右のLとRの表記を確認する時は ゲームのコントローラーを思い出すogaRiaチームSです。 今回は楽天のカテゴリページで商品リストをCSSでカスタマイズしよう! という記事を書かせて頂きます。 通常の商品リストは何かちょっと味気ない感じがしますね。 セールの特集ページを作っても商品リストの部分がさびしいかも。。。 商品名が長すぎてごちゃごちゃしてしまう。。 そんなショップ様向けにシンプルで見やすい商品リストへカスタマイズしてみましょう! カスタマイズ後のデザイン 早速ですが、カスタマイズ後のサンプルイメージを見てみましょう。 価格表記を赤字で大きく、商品名は小さめで2行のみ表示され、 超えた分は非表示になります。 CSSタグをRMSに貼り付け 下記CSSを共通部分(ヘッダー、フッタ

  • 「簡単コピペ楽天カスタマイズ」カテゴリページのパンくず、下位カテゴリリストをリッチに!

    いまさらながらシーマンというゲームが面白く感動するゲームだと知りました。 ogaRia佐藤です。 今回は気になるカテゴリページの下階層カテゴリリストを CSSで見やすくリッチにする方法をご紹介したいと思います。 このカテゴリリスト、せっかくなので活かしたいところですが、元々のデザインだと埋もれてしまいがちです。 そんな気になる部分は今日で解決!では早速確認してみましょー! 標準のデザイン 楽天標準のデザインではサラっと小さなテキストで ぱんくずと下階層のカテゴリリストが並んでいる状態です。 下階層のカテゴリリストのテキストのサイズ、色は RMSから変更が可能ですがこれだけだと中々目立たせることが難しいです。 デザインパターン① カスタマイズ後のデザイン 今風のスマホっぽいデザインにしてみました! ぱんくずにも背景色をつけてメリハリをはっきりさせて見やすくなっています。 専用CSS 下記のC

  • 【楽天/RMSにコピペで完了!】カラーやサイズの「選択肢」に一緒に画像を表示させるTips

    こんにちは。お願いだから海産料理屋に水槽を置くのをやめて欲しいオガリア中村です。せめて、アレですよ、席から魚と目が合わない位置に置いて欲しいです。 楽天ショップに限らずなんですが。商品画像を見て欲しいカラーがあっても、いざお買い物かごに入れるときに「どのカラーを選べばいいのか」分からず、商品画像を見返さないといけない事ありませんか?3色程度ならいいけど、これが5色以上になるとちょっとややこしかったり。 そこで!カラーの選択肢を作る楽天市場の機能「項目選択肢別在庫」に、商品画像を一緒に載せられちゃうTipsをご紹介しますー! デモ 「項目選択肢別在庫設定」を登録した場合、初期デザインではこのような状態になります。これだと、どの選択肢がどの商品に該当するのかここでは確認とれませんよね・・・・。 <style type="text/css"> <!-- /* 選択肢名前に画像出す - 横軸専用

  • 1