Демо сайт студии YourName

Назначение

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

Как использовать

качаете этот файл и размещаете на своём сайте,
например по адресу http://ваш.сайт/demo.html
когда сделали у себя продажную страницу,
допустим это будет некая сборка AutoDrive,
то демо ссылкой станет адрес с хешем ИмяСборки
например http://ваш.сайт/demo.html#AutoDrive

« Живой пример

Как скачать

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

Принцип порезки

когда клиент щёлкнул по вашей демо ссылке,
во фрейм грузится соответствующий демо сайт,
а затем вызывается функция fixDemo
сейчас эта функция пустая, то есть ничего
не делает
впишите туда свой алгоритм, что хотите поменять
"на лету" в странице загрузившегося демо фрейма,
например пробежать по DOM-дереву документа
и заглушить все ссылки с атрибутом href, равным
абсолютной ссылке вне текущего демо сайта

Пример алгоритма

предположим хотим найти все ссылки,
начинающиеся с http://, и если какая-то не равна
валидной, заменить ссылкой на ваш лендинг
под переменной frameDoc ниже понимаем
указатель на документ загрузившегося фрейма

var pattern = 'a[href^="http://]',
    valid = 'http://demo.imperacms.com/',
    landing = 'http://ваш.сайт/hello',
    url, i;

var items = frameDoc.querySelectorAll(pattern);
for (i = 0; i < items.length; i++) {
    url = items[i].getAttribute('href');
    if (url.indexOf(valid) !== 0) {
        items[i].setAttribute('href', landing);
    }
}

Когда не сработает порезка

политика безопасности браузера запрещает доступ
к контенту фрейма из несовпадающего или
недоверенного домена
поэтому пока мы не внесём домен вашего сайта в
CROSS DOMAIN POLICY официального демо сайта,
браузер будет блокировать любые ваши алгоритмы
манипуляции frameDoc

Настройка файла под себя

когда скачали данный файл, следует заменить в нём
демо-тексты, перечислим их место сверху вниз
тег <title> - здесь напишите дефолтный
заголовок вашего демо сайта
контент тега <header> - исправьте логотип,
телефон, адрес ссылки "другие"
функция gotoBuy - впишите посадочный URL
товарных страниц на вашем сайте, удалите
строку-заглушку return alert(...)
функция fixDemo - напишите свой алгоритм
порезки контента загрузившегося демо
тег <section> - этот текст, который сейчас
читаете, удалите этот тег вообще или перепишите
его контент
тег <footer> - удалите вообще или исправьте
его контент на свой