Я использую Magento для создания витрины магазина - я не привык к Prototype, но это то, что они используют по умолчанию, поэтому я стараюсь играть хорошо. Я использовал настройку вкладок, предоставленную в теме Modern (созданной командой Magento), и интегрировал ее в свою тему, и она прекрасно работает.
Где мне нужна помощь - это прямая ссылка на конкретную вкладку - я создал вкладку для размещения обзоров продуктов, и это прекрасно работает, но на странице выше есть ссылки, которые ссылаются на обзоры - однако они ссылки на другую страницу, которую я бы предпочел не использовать. Я не знаком с используемым прототипом, и я не знаю, как будет выглядеть ссылка для ссылки на вкладку - я бы хотел, чтобы опыт был похож на:
1) Нажмите на ссылку
2) Откроется вкладка «Обзоры», и страница переместит вас вниз - как заурядный якорь.
Значение href вкладки просто:
javascript:void(0);
JavaScript, который запускает операцию:
Varien.Tabs = Class.create();
Varien.Tabs.prototype = {
initialize: function(selector) {
var self=this;
$$(selector+' a').each(this.initTab.bind(this));
},
initTab: function(el) {
el.href = 'javascript:void(0)';
if ($(el.parentNode).hasClassName('active')) {
this.showContent(el);
}
el.observe('click', this.showContent.bind(this, el));
},
showContent: function(a) {
var li = $(a.parentNode), ul = $(li.parentNode);
ul.select('li', 'ol').each(function(el){
var contents = $(el.id+'_contents');
if (el==li) {
el.addClassName('active');
contents.show();
} else {
el.removeClassName('active');
contents.hide();
}
});
}
}
new Varien.Tabs('.product-tabs');
Я предполагаю, что мне нужно вызвать функцию showContent и просто заставить ее использовать вкладку обзоров, но я не совсем уверен, как это сделать. Если бы кто-нибудь мог пролить свет на это, я был бы признателен.
Спасибо.