2011-02-02 3 views
0

商品の表示ページにボタンを追加したいと思います。そのボタンをクリックすると、カスタムオプションである2つのテキストボックスフィールドが表示されます。その製品をバックエンドから開くと、追加したカスタムオプションがあることがわかりますが、フロントエンドでボタンをクリックするだけで表示する必要があります。すべてのマゼンタのフロントエンドからカスタムオプションを追加したい

答えて

0

まず、製品は、管理者によって追加され、管理者によっても完全にコントローラされています。唯一のことは、(顧客として)特定の製品で利用可能な(管理者が提供する)カスタムオプションを見ることができることだけです。

具体的なケースでは、適切な管理ページ(新しい製品を編集/追加し、「カスタムオプション」タブに移動してください)。 2つの異なるラベルを持つ2つのテキストフィールドのオプションを提供し、その製品を保存します。その製品を表示するためにフロントエンドに行くと、管理セクションから追加された2つのカスタムオプションとともに、製品の詳細が表示されます。

また、クリックするとカスタムオプションが表示される各製品ビューページのフロントエンドにボタンを追加する場合は、ボタンを作成する必要があります。&カスタムのコンテナを開くためのJavaScriptを作成しますオプション。

希望します。


編集: -
まずカスタムオプションの完全なHTMLセクションを見つける、または他の言葉で、製品ビューページでのカスタムオプションのHTMLコンテナ。ユニークな「id」をコンテナ「DIV」要素に提供し、その要素を非表示にします。また、ビューページの任意の場所にHTMLボタンを用意し、ボタンの "onclick"イベントで "DIV"要素の一意のIDを呼び出します。屋私は...... を理解しますが、私はクリックしますbutton.whenとフロントエンドからカスタムオプションを追加したい場合、私は何をすべき

<div id="any_unique_id" style="display: none;"> 
    // Whole Custom Options 
</div> 
<button onclick="$('any_unique_id').show();">Click here to view the Custom Options</button> 
+0

助けてくれてありがとう。しかし、あなたがボタンを使ってカスタムオプションを表示するためにJavaScriptを使う方法を教えることが可能ならば。 –

+0

助けてくれてありがとう知識欲求.... あなたは私を救った... –

+0

@Alam - 乾杯! –

0

会計知識の渇望2nd part's answer

+0

- :簡単なコードスニペットは次のようになりますそのボタンには、フロントエンドに2つのテキストボックスが表示されます。私はその製品を開くときに私はカスタムオプションで2つのテキストフィールドオプションを見ることができますバックエンドでも。 助けてください....または私はボスによって解雇されます.... –

関連する問題