[howto] AJAX навигация по категориям - страница 2 - [VM1] Модификации и хаки

+1 адназначно
добавил в фак

Все, теперь обновляется и тайтл. Моожно копипастить код. Замечу что у нас накладочка выходит - в элемент <div id="vmMainPage"> загружается еще один <div id="vmMainPage">. Это может создать проблемы(например конфликт id при использовании скриптов, или если задан CSS - тоже косяк будет виден). Чтоб поправить этот косяк заменяем все vmMainPage на id блока который содержит <jdoc:include type="component" />. У меня это например content. Кстати в таком случае можно сделать навигацию не только по вирту, но и по разделам сайта.

Даня, вставил код, сделал XML.php - пашет только если заходить в категории со страницы товара а с главной страницы категории не нажимаются. надо чтото добавлять?

Названия меняются - круто! но мини-картинки товаров не выводятся - и потому некрасиво както

Все, теперь обновляется и тайтл. Моожно копипастить код. Замечу что у нас накладочка выходит - в элемент <div id="vmMainPage"> загружается еще один <div id="vmMainPage">. Это может создать проблемы(например конфликт id при использовании скриптов, или если задан CSS - тоже косяк будет виден). Чтоб поправить этот косяк заменяем все vmMainPage на id блока который содержит <jdoc:include type="component" />. У меня это например content. Кстати в таком случае можно сделать навигацию не только по вирту, но и по разделам сайта.

Тут вообще ниче непонятно. Куда копипейстить код? И где заменять эти vmmainpage? и что за id блока который содержит <jdoc:include type="component" />?

Поясни пожалуйста для нубов.

И вот еще - можно кроме тайтла сделать, чтобы также и h1 на странице менялся? А то они с тайтлом одинаковые. Тайтл меняется а h1 остается статичный - аляповато смотрится.

Блин но грузит моментально - супер!

где посмотреть что миникартинки не выводятся? Код копипастить туда же куда и прежде. Менять vmMainPage в этом же коде. id блока надо смотреть в index.php шаблона или через FireBug.
h1 по идее находится внтури vmMainPage, а значит обновляется со всем содержимым. Навигацию я обещал только клацая по модулю. Обновил код - а то не работал в ие.

http://muzalliance.ru/ - здесь категории вообще не нажимаются
http://muzalliance.ru/shop/category/product/1-sdelat-zakaz/1-poisk-i-pokupka-instrumenta.html - здесь нажимаются, но не выводятся thumb изображения товаров и не меняется h1 страницы "Поиск и покупка инструмента - Продать, купить"

Чтоб поправить этот косяк заменяем все vmMainPage на id блока который содержит <jdoc:include type="component" />. У меня это например content. Кстати в таком случае можно сделать навигацию не только по вирту, но и по разделам сайта.

Вот это непонятно - вообще не доходит. Что это значит? И для чего менять? Ваще не понимаю что такое id блока? И что вообще такое блок

как например сделать чтобы страница товара тоже аяксом подгружалась?

mrhuge, у тебя замудреный шаблон, поэтому с h1 косяк. Могу предложить вариант вставки в h1 текста предназначенного для title (да помоему оно так и делается у тебя). с картинками верно, косяк. это все криворукий вирт. какого то хрена там script вставки с document.write, который нафиг не сдался...уххх, че за деревня писала этот тормозной вирт...про навигацию по товарам и др. я кажется ясно изяснился :

пример простейшей реализации

Даня, сенкс, что так наглядно всё показал! Открыл Файрбаг всё это вижу и что теперь делать чтобы исправить ситуацию? Как я понимаю нужно где-то изменить vmMainPage. Но где?

Исправить ситуацию это в смысле, чтобы с главной страницы нажимались категории.

Ну и напиши пожалуйста куда и что вставить, чтобы страница товара тоже аяксом подхватилась?

пишу в четвертый раз
никакой навигации по товарам не будет. Это требует знаний HTML и js, так как у всех шаблоны разные и нет одного простого решения

Аа понял. Просто ты писал

Кстати в таком случае можно сделать навигацию не только по вирту, но и по разделам сайта.

Я подумал, что надо этот код вставить типа на страницу товара и можно будет и по ней навигировать

С твоим шаблоном на главной не будет работать. Не скажу что шаблон плохой, но он перемудреный и перегруженный. В простых шаблонах после смены id навигация будет работать везде абсолютно, по всем разделам сайта

PS:да, по разделам сайта. но не по товарам

С твоим шаблоном на главной не будет работать.

Порадовал

Но ведь работало же! В самом начале.

Перестало с главной открывать, после того как ты внёс изменения в первоначальный код.

Верни сюда код, который раньше был - давай разберемся.

Я и id то не менял, и так и не понял где и на что менять.

Могу в уменьшенном варианте скинуть шаб. Не квикстарт, а сам шаб. Он небольшой.

тело вирта можно менять только если мы загрузили полностью страницу с виртом, так как там в head подключаются нужные стили, скрипты и тд..
с миниатюрами все плохо...они выводятся через document.write. а подгруженные аяксом скрипты не выполняются. Нужно переделывать чтоб небыло никаких сриптов в теле, они нафиг не сдались. кстати в debug-режиме все это тоже не будет работать.

Без картинок тогда конечно нету смысла хакать. Надо чего-то придумывать. Править Вирт может эти browse шаблоны отображения категорий?

Слушай, ну ты дай старый код то - там ведь всё пахало с главной страницы.

старый код принцыпиально ничем не отличалсо. оберни в шаблоне компонент в какойнить див с айди и юзай его.
Не , не надо так делать - яж сказал - нужно чтоб загрузились скрипты и стили вирта, а на главной вирт и стили не грузятся - так что гудбай.
Написал в шапку темы(хотя нифига не шапка - просто первый пост) как частично побороть криворукость индусов написавших ввирт

Даня! Картинки появились! После такого ты по праву можешь зваться индус-йогом!

Блин, ну както ж ведь раньше вся эта беда открывалась с главной страницы.

По сути то ведь надо просто сделать чтобы, при первом нажатии на модуль категорий - один раз вызывался вирт. Может можно где-то в условиях прописать, при нажатии на модуль категорий, он проверяет на какой страницы мы находимся, если это не страница вирта, то он вызывает вирт.

блин я реально индус... обновил код, терь все пучком. и чудить с id теперь нет нужны. единственное - имеется шанс что развалится шаблон

Йеесс гуд джаб  а ты говорил не получится

Отлично всё открывает с главной и с любой другой страницы!

Слушай, давай еще чуть поднажмём ))) Ты говорил

Могу предложить вариант вставки в h1 текста предназначенного для title (да помоему оно так и делается у тебя).

У меня действительно так и делается, но почему то при подгрузке через AJAX title не вставляется в h1.

Так куда мне лезть, чтобы это поправить?

 после
добавь

Так парни а теперь для совсем далёких расскажите по шагам куда и как оформить? сам пытался разобраться ни че не работало

  пипец мечта сбылась, Даня!

Всё вроде канает пока что, шаблон пока не развалился. Потестю еще.

Вот если б еще страницу товара удалось зааяксить, тогда этот хак можно было бы назвать Indian VirtueMart Speed Hack  

Corel, вставляешь всё как в первом топике сделал Даня. Потом заменяешь $$('#catalog a') на
$$('.menu a')
либо на свои стили меню категорий, у меня вот такие:
$$('#manufacturers a, #dopmenu a')

потом делаешь вот это:
http://joomlaforum.ru/index.php/topic,127055.msg716256.html#msg716256

и всё должно пахать!

Даня, еще знаешь что хотел спросить: поисковые роботы же на AJAX не реагируют? они же не застрянут на первой ссылке категории? url ссылка же не меняется, раз страница не перегружается. То есть роботы будут ходить по сайту как будто он обычный без аякса?

потом делаешь вот это:
http://joomlaforum.ru/index.php/topic,127055.msg716256.html#msg716256

Этого делать не надо. Это было "спешл-фор-ю"

Поисковики про AJAX даже не узнают. Мы ведь навесили его "поверх" обычного работающего сайта с обычными ссылками.

Ясно текс, ну что надо еще наверное помучить Вирт

<?php $script = "
window.addEvent('domready', function(){
 
    loading = false;
    $$('.menu a').each(function (el) {
        el.addEvent('click', function (e) {
 
            if (!$('vmMainPage')) return;
 
            (new Event(e)).preventDefault();
            if (loading) return;
 
            var container = $('vmMainPage').getParent();
 
            var onComplete = function(responseText, responseXML){
                var titleNode = responseXML.documentElement.getElementsByTagName('title')[0];
                var bodyNode = responseXML.documentElement.getElementsByTagName('body')[0];
                document.title = titleNode.textContent || titleNode.text; $$('.pagetitle').setText( document.title);
                container.setHTML(bodyNode.textContent || bodyNode.text);
                loading = false;
            }
 
            container.setStyle('position', 'relative');
            container.appendChild(
                new Element(
                    'div',
                    {
                        'styles' : {
                            'height': container.offsetHeight,
                            'width': container.offsetWidth,
                            'position': 'absolute',
                            'top': 0,
                            'left': 0,
                            'background': '#fff',
                            'opacity': 0.4
                        }
                    }
                )
            );
            container.appendChild(
                new Element(
                    'img',
                    {
                        'src': '/media/system/images/spinner.gif',
                        'styles': {
                            'position': 'absolute',
                            'top': '50%',
                            'left': '50%'
                        }
                    }
                )
            );
 
            loading = true;
            new Ajax(el.href, {onComplete: onComplete}).request({tmpl: 'xml'});
 
        });
 
    });
});
";
JHTML::_('behavior.mootools');
$this->addScriptDeclaration($script);?>

вот так он выглядит у меня но чет нифга не фурычит. фал ХМЛ сдеал испоьзую не станартный шаблон вирты

http://bike-street.ru/velosipedyi/gornyie/dvuhpodvesyi

Что ж у тебя так сайт тормозит то. Может хостинг оцтойный. Еле еле категории подгружает.

Не надо нажигать. Там хоть в отличие от твоего jquery по десять раз не подключается.
Зато имеется вот такая картина:


не работает конечно, потому что у тебя mootree, а это другая песня. вот файл прикрепил. Сделай им перекрытие(закинь в шаблон/html/mod_virtuemart_categories/) и все пучком будет. проверено.

[вложение удалено Администратором]