サポートスタッフブログ

秋ですね。ワニタです。

今回は、「カゴに入れる」ボタンをオリジナル画像にする方法について紹介します。

e-shopsカートSでは、「カゴに入れる」ボタンのHTMLソースを商品ページに 貼り付けて、ご利用をいただきますが、HTMLソースの編集を行う必要なく「カゴに入れる」 ボタンをオリジナル画像にすることもできます。
この機能を利用すると、オリジナル画像を含んだ「カゴに入れる」ボタンの HTMLソースになります。そのHTMLソースを商品ページに貼り付けることで、 オリジナルの画像を「カゴに入れる」ボタンとして表示できます。

管理画面上で「カゴに入れる」ボタン用のオリジナル画像を変更すると、 既にその機能によりオリジナル画像を表示しているページでも新しい画像に 表示が切り替わります。
全商品にて共通のオリジナル画像を利用する場合には、画像変更しても 貼り直しが必要でなく便利にご利用いただけますが、商品によって表示する カゴに入れるボタン画像を変更したい場合には、対応できません。

前置きが長くなりましたが、今回は管理画面から取得したHTMLソースを編集 することで、商品毎にオリジナル画像を利用する方法について案内致します。

※今回の記事では、「カゴに入れる」ボタンのHTMLソースの編集を紹介致しますが、HTMLソースの編集はご自身の責任にて行って下さい。
e-shopsカートSでは管理画面から取得したHTMLソースをそのままご利用頂くようお願いしており、このHTMLソースの編集方法や、編集に起因した問題等についてはサポート対象外とさせて頂いています。

今回の記事は、「カゴに入れる」ボタンのHTMLソースを取得した通常カゴにのみ有効であり、ネットショップ開業CMSプランでのページ自動生成機能とシンクロカゴ機能には対応していません。

ご利用ショップ様から熨斗の設定についてご質疑を頂くことがあります。

ワニタの回答は、

「のし専用の設定は用意がございませんが、ラッピング機能やアンケート機能等にて代用されてはいかがでしょうか。
それぞれ、購入手続き画面にて表示されますが、追加代金を徴収される場合にはラッピング機能、追加代金を徴収されない場合にはアンケートが向いています。」

と案内をしています。

お電話でのご質疑では、その時は設定されずに「検討する」としてこの話題が終わることが多いです。

お電話を終えて、ワニタは毎回、

「のしってナニ？」

と思うのです。
そして、

「今、忙しいから、いつか調べよう。」

と。

お恥ずかしい話ですが、ワニタ自身、”のし”というものを良くわかっておりません。（汗）

スタッフブログのネタとして調査したら誰かの役に立つのでは？ということで、今回、のし（の設定）について紹介してみます。
以下、ネットで調べた情報です、ご参考程度にご覧いただけると幸いです。

(続きを読む…)

スマートフォンが着々と普及している昨今ですが、タブレットも魅力的な新機種がそろってきて、そろそろ一つ欲しいな～　などと考えておりましたら、なんと弊社スタッフ全員にネクサス７がサプライズ支給されました。（嬉しいです！ありがとうございます）

プライベートではノートPCとスマートフォンを併用している私にとっては、当初はタブレットの利用シーンて？と戸惑いもありましたが、今では社内でのミーティング資料閲覧はもちろんのこと帰宅してからの電子書籍の閲覧やちょっとしたブラウジングにとっても重宝しております。

ふと思ったのですが、タブレットでHPを閲覧する時って、PC用のページのほうが見やすいのでしょうか？それともスマートフォン用？

答えは「人それぞれ」、といったところでしょうか。

アクセスするサイトによってPC用が表示されたりスマートフォン用が表示されたりすることがあるのですが、どちらのページを表示するかは基本的にはアクセスしたブラウザから送信される「ユーザーエージェント」で判断しているそうです。(HP側がスマートフォン対応している場合のお話です、念のため…)

ユーザーエージェント？　と思われた方、すみません。ざっくり申し上げると、HPを閲覧するためにアクセスした端末の情報をHP側のサーバに伝える役割を担っているのがユーザーエージェントです。個人情報ではないので全く問題ないと思いますが、知らずのうちに自身の端末の情報がサーバ側に伝わっているということになります。そこには例えばAndroidやiphoneなどの端末の種類やブラウザの種類に加えて、モバイル端末であればMobileという記述もありますので、この情報を元に表示するページの種類をPC用かスマートフォン用かに切り替えているという具合です。

この表示の件で同僚から質問されたことがありました。「同じサイトでも、Android搭載のタブレットであるギャラクシータブではスマートフォン用ページが表示されるのに、同じくAndroid搭載のタブレットであるネクサス７ではPC用ページが表示されるのは、何故？・・・」と。

これは、ギャラクシータブ標準搭載のブラウザーである「ブラウザ」のユーザーエージェントに【Mobile】の記載があるのに対し、ネクサス７標準搭載のブラウザーである「Chrome」ではユーザーエージェントに【Mobile】の記述がないためだと思われます。

いずれは何らかのう方向に統一されていくかもしれませんが、現状ではタブレットも「それぞれ」のようです。ちなみにe-shopsカートSのスマートフォン対応もユーザーエージェントを元に判定をおこなっていますので、ネクサス７でアクセスして商品をカゴに入れるとPC用の買い物かご画面が表示されます。

e-shopsカートSの資料の送付依頼は、お陰様で毎日いろいろなショップ様、ネットショップ開業を検討されている方からいただきます。封筒の中には、パンフレット、導入事例などと共にマンガ小冊子が同封されているのですが、この14ページ程度のマンガがなかなか秀逸です。

限られたページの中でe-shopsカートSの概要を紹介しているのですが、内容はもちろんのこと背景にある作者のギャグセンスに共感を覚えずにはいられません。

制作をしていただいたアサイチエさんは、私よりずいぶん若いはずなんですけど・・・。気になった方は、是非一度資料をダウンロードしてみてください。

▼e-shopsカートS資料ダウンロードページ
https://cart.e-shops.jp/request/form.html

ホームページ制作で表示の微調整や、表示がうまく行かない時の原因を調べる時に役に立つ小技をご紹介します。

今回紹介するのはブラウザ（Chrome）に標準でついている機能ですが、これを知っていると知っていないとでは圧倒的に作業効率が違います。
自身でページを制作しているショップ様には是非とも知っていただきたい内容です。

今回使うブラウザはChromeです。
下記リンクからダウンロードできます。
Chromeのダウンロード

私の作業環境
OS：Windows XP
ブラウザ：Chrome バージョン22

(続きを読む…)

e-shopsカートSがPayPalに対応しました。

申込手続きが簡単で、決済手数料が安いこともあり、以前からショップ様からの要望が多かったのですが、ようやく公開にこぎつけました。

このPayPal対応を記念して9/3～9/30までにe-shopsカートSを新規お申込いただいたショップ様に5,000円キャッシュバックのキャンペーンを実施していますので、この機会により多くのショップ様にe-shopsカートSとPayPalを検討していただけると嬉しいですね。

キャンペーン詳細はコチラ