Magento 1.7.0.0
好的,我正在使用现代主题中可用的产品选项卡。我添加了一个自定义选项卡以将评论添加为选项卡 [成功]。
现在它说:
“成为第一个评论此产品的人”我希望此链接转到该页面上的选项卡,而不是转到评论页面。
我意识到我需要一些javascript,但只是我不知道如何调用选项卡。
有任何想法吗?
谢谢。安迪。
如果你已经在使用 jQuery ......你可以像这样简单地“破解”它
jQuery(document).ready(function($){
$("#addreview").attr("href", "#review-form");
$("#addreview").click(function(){
$(".product-tabs").children("li").removeClass("active");
$("#product_tabs_reviews").addClass("active");
$(".product-tabs-content").css("display", "none");
$("#product_tabs_reviews_contents").css("display", "block");
});
});
请注意根据您自己的标记更改选择器
我的代码在 tabs.phtml 中如下所示:
<div id="tabs">
<ul>
<?php foreach ($this->getTabs() as $_index => $_tab): ?>
<?php if($this->getChildHtml($_tab['alias'])): ?>
<li class="<?php echo !$_index?' active first':(($_index==count($this->getTabs())-1)?' last':'')?>"><a href="#<?php echo $_tab['alias'] ?>"><?php echo $_tab['title']?></a></li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
<div class="clearer"></div>
<?php foreach ($this->getTabs() as $_index => $_tab): ?>
<?php if($this->getChildHtml($_tab['alias'])): ?>
<div class="product-tabs-content" id="<?php echo $_tab['alias'] ?>"><?php echo $this->getChildHtml($_tab['alias']) ?></div>
<?php endif; ?>
<?php endforeach; ?>
</div>
然后添加:jquery-ui-tabs.js 和相关的 .css