Paypal Vermilion ヘッダーメニューにて長いカテゴリ名を使いたい

2014 年 6 月 24 日

ホーム フォーラム テンプレート(テーマ) Paypal Vermilion ヘッダーメニューにて長いカテゴリ名を使いたい

このトピックには2件の返信が含まれ、2人の参加者がいます。3 年、 3 ヶ月前 Gohan さんが最後の更新を行いました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #70956

    Gohan
    参加者

    ——————————————-
    WordPress のバージョン:WordPress 3.9.1
    Welcart のバージョン:バージョン 1.4.2
    ご利用のテーマ:PayPal Vermilion
    症状を確認したブラウザ:Chrome IE11
    サーバー(会社名、サービス名):Heteml
    SSLの利用: なし
    WordPress のパーマリンク設定:デフォルト
    ——————————————–

    皆様にはとても感謝しております。
    ありがとうございます

    さて、Paypal Vermilionにてヘッダーメニューに表示させるカテゴリ名を長めの名前にしたい為に、下記のようにstyle.CSSを変更してみました。

    ———-
    .cat_bar ul li {
    float: left;
    display: block;
    position: relative;
    width: 115px; ※ここを → 170px
    text-align: center;

    ※他2か所も同様

    しかし、カートページでは問題ないのですがその他のページでは最初の2つのカテゴリ名しか表示されません。
    現在「商品ジャンル」の子に登録したカテゴリは4つです

    ワタクシのどこが至らぬのか、教えていただけませんでしょうか?

    よろしくお願いします

    –P.S.———
    このスレッドにあったadd_functions1.を入れてみましたらカートページでも他と同様にカテゴリ名が2つだけ表示されてしまうようになってしまいました。

    Attachments:
    You must be logged in to view attached files.
    #70976

    yasumax
    キーマスター

    こんにちは。

    該当箇所につきまして、jQueryが関わってきているためこちらも修正しなくてはご希望の形にはなりません。

    5件ずつ表示の形で下記のように修正してみてください。
    style.css 857行目~863行目

    .cat_bar ul li {
    float: left;
    display: block;
    position: relative;
    width: 184px;
    text-align: center;
    }

    style.css 876行目~887行目

    .cat_bar ul ul {
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 32px;
    float: left;
    width: 184px;
    z-index: 99999;
    left: 0%;
    }

    js/cart.js 216、217行目

    var liWidth = 184;
    var liSetCount = 5;

    上記修正を施すと画像のような形で表示されるかと思います。

    • この返信は3 年、 3 ヶ月前に  yasumax さんが編集しました。
    • この返信は3 年、 3 ヶ月前に  yasumax さんが編集しました。
    Attachments:
    You must be logged in to view attached files.
    #70985

    Gohan
    参加者

    こんな面倒な案件にお答えいただき感謝 感激です

    無事、意図する表示になりました!

    本当にありがとうございました!!!!!!!!

3件の投稿を表示中 - 1 - 3件目 (全3件中)

このトピックに返信するにはログインが必要です。