ID #1969

Q.独自ドメインコース利用時にSSL保護下ページ(新規登録、お問い合わせ等)へのリンクを追加する

独自ドメインコースを利用時に既存のSSL保護下のページ(新規登録、お問い合わせ、ログイン等)のメニューを非表示にし、新たにSSL保護下のページへのリンクを作成する場合は、下記の設定方法で行ってください。
通常のリンクで記載された場合は、カートの中身が空になる等の不具合が発生する可能性があります。
必ず下記のhtmlタグの記載方法をご覧の上、リンクの追加を行ってください。

[!]この設定方法は、HTML5テンプレート、XHTMLテンプレート、スマートフォン版で利用可能です。

htmlタグの記載方法

<a>タグでリンクを指定する部分は、通常通りです。
追加する必要があるのは、下記の2点です。

class="secure_link"
必ずsecure_linkというclass名を指定してください。他のclass名ですと動作しません。
data-page="register"
必ずdata-page属性を指定してください。※register部分はページにより異なります。
リンク先URLについては、必ず下記のようにhttps://共用ドメインURL/~で記載してください。
href="https://demo.ocnk.net/register"
※register部分はページにより異なります。
●新規登録用
<a class="secure_link" data-page="register" href="https://demo.ocnk.net/register">新規登録</a>

●お問い合わせ用
<a class="secure_link" data-page="contact" href="https://demo.ocnk.net/contact">お問い合わせ</a>

●マイページ用
<a class="secure_link" data-page="member" href="https://demo.ocnk.net/member">マイページ</a>

●ログイン用
<a class="secure_link" data-page="member-login" href="https://demo.ocnk.net/member-login">ログイン</a>
ログイン後にログイン、新規登録を非表示にし、ログアウト、マイページボタンを表示する
※上記、ログイン用の<a class="secure_link" ~>タグで記載した場合、ログアウトボタンは表示されません。
ログイン後に、ログインボタン、新規登録ボタンを非表示にし、ログアウトボタン、マイページボタンを表示する場合は、下記の<span>タグをご利用ください。
表示サンプル
https://cafe0202.ocnk.net/
ログイン後にログインボタン、新規登録ボタンを非表示にする
<span class="custom_secure_link" data-page="member-login" data-html="ログイン"></span>
<span class="custom_secure_link" data-page="register" data-html="新規登録"></span>

ログイン後にログアウトボタン、マイページを表示する
<span class="custom_secure_link" data-page="member" data-html="マイページ"></span>
<span class="custom_secure_link" data-page="logout" data-html="ログアウト"></span>

●メールマガジン用
<a class="secure_link" data-page="mail" href="https://demo.ocnk.net/mail">メールマガジン</a>

●携帯サイトアドレス用
<a class="secure_link" data-page="mobilesite" href="https://demo.ocnk.net/mobilesite">携帯サイト</a>

●掲示板用
<a class="secure_link" data-page="bbs" href="https://demo.ocnk.net/bbs">掲示板</a>

カートの中身へのリンクについて
カートの中身ページへのリンクについても、https://~のURLとなります。

共用ドメインコースの場合
<a href="https://demo.ocnk.net/cart">カートの中身</a>

独自ドメインコースの場合
<a href="https://www.ocnkdemo.net/cart">カートの中身</a>

扉ページ、フリーページについて
・扉ページやフリーページの「<body>タグ内を編集する」場合の自由記入欄に設置するときは、既存のCSSとJavaScriptを読み込む必要があります。

このエントリーのカテゴリー

最終更新: 2017-09-28 14:59