如何从外部链接到特定jquery选项卡中的magento审阅表单

时间:2014-02-08 18:49:35

标签: javascript jquery magento

我正在使用magento模板,该模板使用jquery.tabs.min.js在不同的标签中显示不同的产品信息。

现在,我想向客户发送一个直接链接到评论表单的邮件,该表单位于第三个标签的末尾。

不幸的是,如果从外部调用页面,则会打开第一个选项卡。

因此,使用选项卡ID发送带有附加哈希的链接不起作用。

我已经查看了很多类似的线程,但不幸的是我对javascript并不是很熟悉,我需要一个真正详细的帮助,如何解决这个问题,特别是在哪里放置不同的片段(即在html的内部)页面或在js文件中。)

更麻烦的是,不仅打开第三个标签,而且还向下滚动到第三个标签内部的“评论表单”,在底部,如果有的话不止一些评论,访问者不会直接看到评论。

所以这里是html片段,它代表我的页面结构

<div id="product-tabs" class="gen-tabs gen-tabs-style-f">

            <ul class="tabs clearer">
                <li id="tab-description"><a class="current" href="#">Beschreibung</a></li>
                <li id="tab-additional"><a href="#">Zusatzinformation</a></li>
                <li id="tab-tabreviews"><a href="#">Bewertungen</a></li>
                <li id="tab-product.tags"><a href="#">Schlagworte</a></li>        
            </ul>
   <div class="tabs-panels">
            <h2 class="acctab" id="acctab-description">Beschreibung</h2>
                <div class="panel">    <h2>Details</h2>
                CONTENT
                </div>
            <h2 class="acctab" id="acctab-additional">Zusatzinformation</h2>
                <div class="panel">    <h2>Zusatzinformation</h2>
                CONTENT
                </div>
            <h2 class="acctab" id="acctab-tabreviews">Bewertungen</h2><div class="panel">
                <div class="box-collateral box-reviews" id="customer-reviews">
                CONTENT OF CUSTOMER REVIEWS
                    <div class="form-add">
                     <h2>Schreiben Sie Ihre eigene Kundenmeinung</h2>
                        <form action="http://www.mydomain.com/review/product/post/id/8/" method="post" id="review-form">
                        -->>HERE IS MY REVIEW FORM<<--
                    </div>
                </div>
            <h2 class="acctab" id="acctab-product.tags">Schlagworte</h2><div class="panel">
                <div class="box-collateral box-tags"> <h2>Schlagworte</h2>
                CONTENT
                </div>
    </div>  

非常感谢您提前提供任何帮助。

更新

也许可以扩展已经存在的功能,将访问者“点击”直接路由到评论表单,也可以使用,具体取决于URL提供的参数(即标签)?以下是模板中代码的和平:

<?php //Open the "Reviews" tab, when "X Review(s)" or "Be the first to review this product" links are clicked ?>
    <script type="text/javascript">
    //<![CDATA[
        jQuery(function($){$("#goto-reviews, #goto-reviews-form").click(function(){if($("#product-tabs").hasClass("accor")){$("#product-tabs .tabs-panels").data("tabs").click($(".tabs-panels .acctab").index($("#acctab-tabreviews")))}else{$("#product-tabs .tabs").data("tabs").click($("#tab-tabreviews").index())}})});
    //]]>
    </script>

如果有人可以帮助我吗?如果一个人掌握了JS的技巧,应该有点容易; - )

1 个答案:

答案 0 :(得分:0)

您是否尝试将标签的ID添加到查询字符串?

Http://www.mysite.com/product-URL.html#acctab-tabreviews

使用哈希添加li元素的I部分应该可以正常工作