Paypal のデフォルト言語設定

Posted on 2013年3月2日 by FFJ

Paypal のデフォルト言語が日本語になってしまう現象

対応

管理画面右上「Preferences」の「General settings」を選択
「Address」の「Country」を「United States」に変更

以上で、デフォルト言語が英語になる。「Address」の部分をShopifyのタグでページ上に表示している場合は注意。
該当の部分は直で打ち込んで表示させる。

よく使うページ

Posted on 2013年2月23日 by FFJ

チートシート　独自タグを使うときはここを見る
http://cheat.markdunkley.com/

基本的な使い方はここで検索
http://wiki.shopify.com/Main_Page

フォーラム　分からない場合はフォーラムで検索
http://ecommerce.shopify.com/

独自ドメインの使い方（メールアドレスを別サーバーで使う）

Posted on 2013年2月22日 by FFJ

独自ドメインの登録方法

・独自ドメインはすでに取得済み
・いつも使いなれている日本のドメイン管理会社（今回はお名前.com）を使用
・メールアドレスは別サーバー（今回はさくらインターネット）で使う

管理画面右上「Preferences」の「DNS & Domains」を選択
「Add a domain you already own」でドメインを追加
ドメイン管理会社のDNS設定画面を開く
今回は「お名前.com」を使用
DNS関連機能の設定のDNSレコード設定を利用する
Aレコードの設定
ホスト名：未記入
TYPE：A
VALUE：204.93.213.45
を入力して追加
MXレコードの設定
ホスト名：未記入
TYPE：MX
VALUE：さくらのドメインを入力　例：○○○.sakura.ne.jp
優先：10
を入力して追加

以上

メールアドレスの作成や設定は以下を参考
メールアドレスの作成・変更
http://support.sakura.ad.jp/manual/rs/mail/setmail.html
メールソフトの設定
http://support.sakura.ad.jp/manual/rs/mail/soft.html

※今回はすでにさくらインターネットでメールアドレスを使用していたが、MXレコードを設定後、送受信が出来なくなった。
原因は、メールサーバーに独自ドメインを使用していた為？
○○○.com を ○○○.sakura.ne.jp 変更したところ、正常になった。

購入テスト

Posted on 2013年2月3日 by FFJ

購入テストを行う方法

テスト用クレジットカードの設定

管理画面右上「Preferences」の「Checkout & Payment」を選択
「Accept Credit Cards」で「(for testing)Bogus Gateway」を選択
「Bogus」にチェックを入れ、「Activate」ボタンを押す

購入テスト

サイト上で普通に買物をする。
入金方法の選択で、先ほど作ったテスト用のクレジットカードを選択
「Credit Card Number」は以下のひとケタの数字を入力「1」を入力すると、認証成功のテスト
「2」を入力すると、認証失敗のテスト
「3」を入力すると、例外の場合のテスト（クレジット認証サイトがダウンしている場合など）
「Expiration Date」は未来の年月を選択
「Card Security Code」は任意の数字を入力（111、123、等）
「Complete my purchase」ボタンを押して購入完了

メールも送られてくるので確認する。

送料の設定

Posted on 2013年1月23日 by FFJ

管理画面右上「Preferences」の「Regions & Taxes」を選択
「Add new destination」で国を追加
管理画面右上「Preferences」の「Shipping」を選択
「Add weight-based rate」で送料を設定

送料の設定は国ごとに指定する必要がある。地域別（ヨーロッパ、北米など）では設定できない。
国数が多くなると、設定がかなり面倒になる可能性がある。
キーボードマクロソフトを使い、地域ごとに設定し出来るようにすると、手間は半減。
キーボードマクロ&マウスマクロ KMmacro　http://www.vector.co.jp/soft/win95/util/se211440.html

送料無料の設定

Shipping ページの「Add price-based rate」で
Nameを「Free Shipping」
Purchase rangeを「送料無料にする値段」（10000円以上なら「10000」を入力）
Shipping price「0」

お問い合わせフォームの追加

Posted on 2013年1月15日 by FFJ

参考
http://wiki.shopify.com/How_to_add_a_contact_form_to_your_shop

右上「Theme」 → 「Template Editor」を選択

Templatesの項目に「page.contact.liquid」があるか探す
（2013年1月15日現在の初期テンプレートでは「page.contact.liquid」はあります）
無い場合は以下を実行。ある場合は無視

同画面「Template Editor」左のTemplatesの項目下の「add a new template」をクリック
セレクトボックスで「page」を選択し、下のボックスに「contact」を入力し、「Create template」ボタンを押す
右の編集エリアで以下のコードを探す
```
{{ page.content }}
```

そのコードの下に以下のコードを挿入

  {% form 'contact' %}

    {% if form.posted_successfully? %}
      <p>Thanks for contacting us! We'll get back to you as soon as possible.</p>
    {% endif %}

    {% if form.errors %}
    <p>
      <ul style="color:#E0360F">
      {% for field in form.errors %}
        {% if field == 'body' %}
        <li>Your message cannot be blank.</li>
        {% endif %}
        {% if field == 'email' %}
        <li>Please enter a valid email address.</li>
        {% endif %}        
      {% endfor %}
      </ul>
    </p>
    {% endif %}

    <ul id="contact-form">
      <li>
        <label for="name">Name</label>
        <input type="text" id="name" name="contact[name]" />
      </li> 
      <li>
        <label for="email">Email</label>
        <input type="email" id="email" name="contact[email]" />
      </li>   
      <li>
        <label for="message">Message</label>
        <textarea id="message" name="contact[body]"></textarea>
      </li>
      <li>
        <input type="submit" value="Send" />
      </li>
    </ul>
  {% endform %}

上部メニュー「Blogs & Pages」を選択
「Create a new page」で新しいページを作る
Title を入力して（今回の場合は「Contact Us」）「Create page」ボタンを押す

以上
これで、http://ホームページURL/pages/contact-us　にアクセスすると、コンタクトフォームが表示されます。

複数通貨の設定と表示

Posted on 2013年1月13日 by FFJ

参考URL
http://wiki.shopify.com/How_to_Show_Multiple_Currencies

※通貨は表示の変更のみ。支払いは設定の通貨で行われる。

右上の「Preferences」 → 「General Settings」を選択
下の方の「Money」右にある「(formatting)」をクリック
${{amount}} USD　と　${{amount}} を
```
<span class='money'></span>
```
で囲む
https://gist.github.com/773590 のソースをコピー
右上「Theme」 → 「Template Editor」を選択
左下の方のConfigから「settings.html」を選択
最後の行に先ほどコピーしたソースをペースト
右上「Theme」 → 「Template Settings」を選択
Money options の項目が増えているので、「Currencies you wish to support」に追加したい通貨を追加する
通貨は3文字のコードを入力　参考　http://ja.wikipedia.org/wiki/ISO_4217
https://github.com/carolineschnapp/currencies　から「jquery.currencies.min.js」をダウンロード
右上「Theme」 → 「Template Editor」を選択
左1番下「add a new asset」クリック
アップロードボタンが出てくるので、先ほどダウンロードした「jquery.currencies.min.js」をアップロード
同画面「Template Editor」左のSnippetsの項目下の「add a new snippet」をクリック
フォームが出てくるので「currencies」を入力して「Create snippet」ボタンを押す
https://gist.github.com/773624　のソースをコピー　※下記に追記あり
先ほどのSnippet にペーストして保存
同画面「Template Editor」左1番上の「theme.liquid」を選択
</body> の上に以下をコピペ
```
{% include 'currencies' %}
```
同画面「Template Editor」左のSnippetsの項目下の「add a new snippet」をクリック
フォームが出てくるので「currencies-switcher」を入力して「Create snippet」ボタンを押す
https://gist.github.com/773649 のソースをコピー
先ほどのSnippet にペーストして保存
同画面「Template Editor」左1番上の「theme.liquid」を選択
表示したい位置に以下を挿入
```
{% include 'currencies-switcher' %}
```

以上

2013/05/09 追記
別サイトで必要があったので試したが
「16」のソースでは動かなかった。
以前に使用していたものを使用して解決

{% if settings.show_multiple_currencies %}

{{ "/services/javascripts/currencies.js" | script_tag }}
{{ "jquery.currencies.min.js" | asset_url | script_tag }}

<script>

{% if settings.currency_format %}
Currency.format = '{{ settings.currency_format }}';
{% endif %}

var shopCurrency = '{{ shop.currency }}';
var cookieCurrency = Currency.cookie.read();

/* Fix for customer account pages */
jQuery('span.money span.money').each(function() {
  jQuery(this).parents('span.money').removeClass('money');
});

jQuery('span.money').each(function() {
  jQuery(this).attr('data-currency-{{ shop.currency }}', jQuery(this).html());
});

// If there's no cookie.
if (cookieCurrency == null) {
  Currency.currentCurrency = shopCurrency;
}
// If the cookie value does not correspond to any value in the currency dropdown.
else if (jQuery('[name=currencies]').size() && jQuery('[name=currencies] option[value=' + cookieCurrency + ']').size() === 0) {
  Currency.currentCurrency = shopCurrency;
  Currency.cookie.write(shopCurrency);
}
else if (cookieCurrency === shopCurrency) {
  Currency.currentCurrency = shopCurrency;
}
else {
  Currency.convertAll(shopCurrency, cookieCurrency);
}

jQuery('[name=currencies]').val(Currency.currentCurrency).change(function() {
  var newCurrency = jQuery(this).val();
  Currency.convertAll(Currency.currentCurrency, newCurrency);
  jQuery('.selected-currency').text(Currency.currentCurrency);
});

var original_selectCallback = window.selectCallback;
var selectCallback = function(variant, selector) {
  original_selectCallback(variant, selector);
  Currency.convertAll(shopCurrency, jQuery('[name=currencies]').val());
  jQuery('.selected-currency').text(Currency.currentCurrency);
};

jQuery('.selected-currency').text(Currency.currentCurrency);

</script>

{% endif %}

Shopify 備忘録

Fake Food Japan 英語版サイトをShopifyで作る際のメモ、使い方

Category Archives: Shopify 備忘録