|
Работа с
партнерской программой от Sotmarket
Часть 3.
В
предыдущей части урока Мы установили скрипт магазина на сервер. В этой
части урока будем изменять стандартный шаблон на свой.
Изменение стандартного шаблона.
Первое, что
необходимо сделать, это создать фото будущего шаблона, и разрезать его на
необходимые части для верстки. Как это сделать описывалось в
уроке по разрезанию фото для
последующей верстки.
увеличить. Не буду объяснять
подробно о том, как это делается, т.к. можно разобраться это по выше указанному
уроку. Скажу лишь несколько слов:
-
Рисуем фото бедующего сайта.
-
Ставим "Гиды", там где необходимо
резать фото.
-
С помощью инструмента "Срез" (в
Photoshop) выделения.
-
Используем инструмент "Выделение" для
выделения "срезов".
-
Копируем, делаем новые изображения, вставляем
скопированное.
-
Создаем группу небольших фото для сайта.
-
Создаем одностраничный узел.
-
В файле index.htm
делаем шаблон будущего сайта.
Примечание. Для того, чтобы не
запутаться в фотографиях, необходимо задавать им "нормальные имена", а ещё лучше
- параллельно в FrontPage строить таблицы, и создавать
шаблон будущего сайта. Для удобства, рекомендую поместить файлы изображений не
в папку "images", а создать отдельную папку. (я
создал отдельную папку "str"
в папке "images").
Зачем отдельная папка? Дело в том, что в стандартном шаблоне, все
изображения хранятся в папке "Images", и чтобы
не было путаницы, мы просто создаём новую папку с нашими фото, и складываем их
туда... Вырезав необходимые фотографии,
сделав шаблон будущего сайта, можно переходить к редактированию шаблона
магазина, для переноса данных в него.
Скопируйте все файлы магазина-трансформера в созданный узел.
Внимание! Скопируйте все файлы! Проверьте
настройки магазина-трансформера - они должны быть все заполнены.
Теперь переходи непосредственно к работе во
FrontPage. Открываем узел, выбираем
файл магазина "index.php", нажимаем на нем
правой кнопкой мыши и выбираем "Открыть с помощью\ 1.
FrontPage (открыть как HTML)"
(см. рис. ниже)
увеличить.
У нас отроется страница, которую нам и надо редактировать.
Отройте созданный шаблон "index.htm"
Следующей задачей будет перенести данные с шаблона, созданного
нами в шаблон магазина. Для этого я
рекомендую сделать следующее:
увеличить.
Теперь, я вкратце покажу, как правильно
переносить информацию на примере переноса корзины и меню навигации:
-
В нижней части разделения выделяем пункт
"Навигация по сайту", видим, что в верхней части, где показан код,
выделение дублируется.
увеличить.
-
Переходим в верхнюю часть с кодом и копируем
код полностью, для того, чтобы "Class ",
присвоенный тексту тоже скопировался.
-
Переходим в новый шаблон, расположенный в
нижней части страницы, к месту, где будет навигация.
Нажимаем левой кнопкой мыши один раз и видим, где находится код
данного столбца.
увеличить.
Теперь будем скопируем меню.
-
Переходим к столбцу, где расположено меню и
нажимаем левой кнопкой шиши на него один раз.
-
Смотрим, где находится код
увеличить.
увеличить.
При необходимости можно выровнять текст, так Вам
это необходимо.
Теперь займемся корзиной.
Как скопировать слово "Корзина", Вы уже
знаете. Перейдём непосредственно к коду.
увеличить.
Основная часть работы проделана, теперь
необходимо скопировать код центрального вывода к себе в шаблон.
увеличить.
После того, как Вы скопируёте все необходимые
коды из стандартного шаблона в новый шаблон, их можно будет удалить из
стандартного шаблона.
Внимание! Не удаляйте ни чего лишнего! Лучше
проверьте, за что отвечает тот или иной код перед удалением.
Рекомендация. Делайте пометки в коде в виде
комментариев для того, чтобы знать, где и какой код используется. Для проверки
станицы "index.php" её необходимо скопировать
на сервер заменив имеющуюся страницу.
После того, как Вы удалите всё, что является
лишним, у Вас должен остаться php код
<?
if($sost==1)
{
$contents = ob_get_contents();
ob_end_clean();
echo replace_for_mod_rewrite($contents); }
?> |
Переместите его, в нижнюю часть шаблона
страницы, как это было сделано в стандартном шаблоне.
Сохраните станицу. Загрузите её на сервер и
проверьте правильность отображения данных на Вашей странице.
увеличить.
В следующей части урока мы будем работать с
центральной частью нашего сайта.
Переходим к следующей части урока
-->> Автор:
MHz-Serge |
