snow monkey formの確認画面ボタンが押せない

0
いいねをした人: 居ません
  • このトピックには4件の返信、2人の参加者があり、最後にPID-PRにより1年、 8ヶ月前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #119592
    PID-PR
    参加者
    1

    【お使いの Snow Monkey のバージョン】19.1.5
    【お使いの Snow Monkey Blocks のバージョン】18.2.0

    【お使いのブラウザ】Google Chrom
    【当該サイトのURL】ローカルで作業中です。

    ### 発生している問題

    snow monkey formでお問い合わせフォームを作成したのですが、「確認画面へ」のボタンが押せません。

    ### 試したこと

    cssをいじったのでそれが何か影響があったのかと思い全てコメントアウトしてみました。

    作成時はこちらのサイトを参考にしました。

    ボタンにカーソルを当ててもpointerは変化なしの状態です。

    よろしくお願いいたします。

    0
    いいねをした人: 居ません
    #119597
    アバター画像キタジマ タカシ
    参加者
    2422

    下記のフォームの場合はクリックできますか?

    ↑のフォームは最新版の Snow Monkey Forms でつくっているので、上記が動くのであれば設定やカスタマイズの影響かもしれません。カーソルをあてても表示が変わらないのであれば、透明な要素がボタンの上に被さっているという可能性はないですかね?

    0
    いいねをした人: 居ません
    #119603
    PID-PR
    参加者
    1

    お返事ありがとうございます。

    添付していただいたお問い合わせフォームのボタンはクリックできました!

     

    私が作成したものとクリックできた方でHTMLを比較しても同じ構造になっているようです。ボタンの上はclass=smf-form smf-form–letterが付与されているdivがあるのみで、他の透明な要素が被っている訳ではなさそうなのですが、他に何か考えられることはありますでしょうか。

    <form class=”snow-monkey-form” id=”snow-monkey-form-598″ method=”post” action=”” enctype=”multipart/form-data” data-screen=”input”>
    <div class=”smf-focus-point” aria-hidden=”true”></div>

    <div class=”smf-form smf-form–letter”>
    <div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark> 会社名</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
    <div class=”smf-placeholder” data-name=”company”>
    <div class=”smf-text-control”>
    <input type=”text” name=”company” value=”” class=”smf-text-control__control”>
    </div>
    </div>
    </div></div></div>

    <div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark> 担当者名</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
    <div class=”smf-placeholder” data-name=”company”>
    <div class=”smf-text-control”>
    <input type=”text” name=”company” value=”” class=”smf-text-control__control”>
    </div>
    </div>
    </div></div></div>

     

    <div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark> お電話番号</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
    <div class=”smf-placeholder” data-name=”tel-1gqtmtfmt”>
    <div class=”smf-text-control”>
    <input type=”tel” name=”tel-1gqtmtfmt” value=”” autocomplete=”tel-national” class=”smf-text-control__control”>
    </div>
    <div class=”smf-control-description”>ハイフンなしで入力してください。</div></div>
    </div></div></div>

     

    <div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark> メールアドレス</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
    <div class=”smf-placeholder” data-name=”email”>
    <div class=”smf-text-control”>
    <input type=”email” autocomplete=”email” name=”email” value=”” class=”smf-text-control__control”>
    </div>
    </div>
    </div></div></div>

     

    <div class=”wp-block-snow-monkey-forms-item smf-item”><div class=”smf-item__col smf-item__col–label”><div class=”smf-item__label”><span class=”smf-item__label__text”><mark style=”background-color:#b43131″ class=”has-inline-color has-sm-accent-color”>必須</mark> お問い合わせ内容</span></div></div><div class=”smf-item__col smf-item__col–controls”><div class=”smf-item__controls”>
    <div class=”smf-placeholder” data-name=”message”>
    <div class=”smf-textarea-control”>
    <textarea name=”message” rows=”5″ class=”smf-textarea-control__control”></textarea>
    </div>
    </div>
    </div></div></div>
    </div>

    <div class=”smf-action”>
    <span class=”smf-button-control”>
    <button type=”submit” class=”smf-button-control__control” data-action=”confirm”>確認画面へ<span class=”smf-sending” aria-hidden=”true”></span></button>
    </span><input type=”hidden” name=”snow-monkey-forms-meta[method]” value=”confirm”> </div>

    <div class=”smf-system-error-content-ready”>
    予期しない問題が発生しました。後でもう一度やり直すか、他の方法で管理者に連絡してください。 </div>

    <input type=”hidden” name=”snow-monkey-forms-meta[formid]” value=”598″> <input type=”hidden” name=”snow-monkey-forms-meta[token]” value=”a032facd957265c5558ea62be6e9ff7268fba8d8c8c6601c0119084ca2e7b043″> </form&gt

    0
    いいねをした人: 居ません
    #119604
    アバター画像キタジマ タカシ
    参加者
    2422

    なるほどー。ということはフォーム自体ではないかもですね。

    「押せない」というのが具体的によくわかっていないのですが、例えばボタン要素って disabled だったら完全に「押せない」ですよね。そういう感じなのか、あるいはちょっと状態が違ったりするのか…。

    Snow Monkey Forms 以外のプラグインを全て停止(My Snow Monkey 含め)すると変化はありますか?

    0
    いいねをした人: 居ません
    #119605
    PID-PR
    参加者
    1

    別ページで投稿カテゴリをクリックさせないためのpointer-events: none;をかけていてそれのせいでした!!!!!

    「押せない」という単語で「クリックさせない」という言葉に結びつきました。
    初歩的な質問に答えていただきありがとうございました!

    1
    いいねをした人:
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • トピック「snow monkey formの確認画面ボタンが押せない」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。