|
|
OSC использует CSS. Поэтому CSS желательно изучить. Хороший источник для изучения CSS - набор статей, размещенный здесь: Стили и CSS.
Изменять некоторые атрибуты страницы, цвета и шрифты, Вы можете в файле stylesheet.css, находящемся в:
catalog/stylesheet.css
Чтобы сделать модификации, если Вы не знаете CSS, смотрите на код вывода в php файлах и ищите классы. Пример:
<table border="0" width="450" cellspacing="0" cellpadding="1" class="infoBox">
В stylesheet.css файле ищите TABLE.INFOBOX и экспериментируйте. В этом случае Вы можете изменить цвет фона блока.
}
TABLE.infoBox {
background: #b6b7cb;
}
Здесь Вы увидите список следующих файлов:
Кликните по одному из файлов, и этот файл откроется в окне редактирования. Вы только должны будете изменить здесь текстовой вывод. Текст, который Вы захотите изменить, будет в строке подобной этой:
define('HEADER_TITLE_CREATE_ACCOUNT', 'Create an Account');
"Create an Account" - то, что будет появляться в navbar в заголовке. Изменяя этот текст, Вы изменяете то, что будет выведено на экран.
Как сделать изменения в самом размещении страницы.
Чтобы удалить что-то из столбца, вы должны отредактировать column.php файлы. Их два: левый и правый. Удаление блока проще чем добавление нового и требует фактического знания PHP. Чтобы удалять или изменять порядок расположения блока просто берете соответстующий код в column.php файле и двигаете или удаляете его. Сделайте резервную копию файла столбца перед редактированием.
ПРО ФАЙЛ DEFAULT.PHP В КАТАЛОГЕ
Когда default.php выводится броузером, он вызывает ряд файлов, которые и создают обычную WEB-страницу. Интересно то, что default.php является также ответственным за вывод других страниц. Когда Вы кликаете по Категории, страница, которая появится, создана default.php файлом. Это касается как страниц с Категориями, так и для страниц с подкатегориями. В сущности код для содержания четырех отдельных и уникальных WEB-страниц заложен в default.php файле.
Default.php вызывает header.php файл для верхней части каждой страницы и footer.php для низа каждой страницы. Эти файлы наряду с column.php файлами расположены в:
catalog/includes/
Попытка редактировать эти файлы может показаться слишком сложной, однако, хорошенько присмотревшись, вы увидите знакомый HTML. Попытайтесь определить элементы, которые являются необходимыми для вашего шопа и те элементы, которые не несут особой программной нагрузки. Вот с ними и попытайтесь проделать изменения. Например, если Вы не имеете никакого намерения использовать баннерную систему, тогда попробуйте удалить ее вывод из файла footer.php или изменить ее, чтобы посмотреть на то, что получится.
Что вызовет наибольшие трудности при редактировании default.php.
Чтобы сделать модификации к главной странице каталога, прежде всего, ищут эти комментарии в коде файла: default.php
<!--------- NO SUB CAT HEADER -------- edit here -------------->
Это - раздел заголовка для страниц категорий без подкатегрий.
<!--------- CAT WITH SUB CATS -------- edit here ----------------->
Это - раздел для категорий с подкатегориями. Вы добавляете определенный материал для страницы сюда.
<!---- CAT HEADERS + CAT AND SUB CAT CONTENT ---- edit here ------->
Здесь Вы делаете модификацию содержимого, которое будут появляться на страницах категорий также как и на страницах подкатегорий. Вы также можете сделаете здесь модификацию для колонтитуов (header) страницы категорий с подкатегориями.
<!------------- MAIN CAT CONTENT -------- edit here ------------->
Модификации сделанные здесь будут появляться на главной странице каталога.
Заметка: Касается только колонтитулов (header) категорий и подкатегорий. Все вышеперечисленное верно или наоборот [эксперементируйте].
PAGE [3] ПРИМЕРЫ ИЗМЕНЕНИЯ КОДА ДЛЯ ДОСТИЖЕНИЯ БЫСТРОГО РЕЗУЛЬТАТА -------------------------------------- Этот txt file без форматирования. -------------------------------------- Последнее обновление: 03|17|02 Удалите это чтобы избавиться от заголовка в хeдере: <td class="pageHeading"><?php echo HEADING_TITLE; ?></td> ------------------------------------------------------------------------------------- Удалите это чтобы избавится от черных линий: <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td> ------------------------------------------------------------------------------------- password_forgotten.php Изменение ширины таблицы и расположение по центру: align="center" = XXX <td colspan="2"><br><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" XXX><a href="<?php echo tep_href_link(FILENAME_LOGIN, '', 'SSL') . '">' . tep_image_button('button_back.gif', IMAGE_BUTTON_BACK) . '</a>'; ------------------------------------------------------------------------------------- Чтобы избавится от "Дата добавления" (Date Added внизу страницы товаров: удалите это: <tr> <td align="center" class="smallText"><br><?php echo sprintf(TEXT_DATE_ADDED, tep_date_long($product_info_values['products_date_added'])); ?></td> </tr> ------------------------------------------------------------------------------------- Чтобы избавиться от текста под миниатюрами при выводе подкатегорий проделайте следующее. Найдите этот фрагмент в default.php Старый код: $rows = 0; while ($categories = tep_db_fetch_array($categories_query)) { $rows++; $cPath_new = tep_get_path($categories['categories_id']); echo ' <td align="center" class="smallText" width="33%" valign="top"></a><a href="../ACG2oscd/%27%20.%20tep_href_link(FILENAME_DEFAULT,%20$cPath_new,%20%27NONSSL%27)%20.%20%27">' . tep_image(DIR_WS_IMAGES . $categories['categories_image'], $categories['categories_name'], SUBCATEGORY_IMAGE_WIDTH, SUBCATEGORY_IMAGE_HEIGHT) . '<br>' . $categories['categories_name'] . '</a></td>' . "n"; if ((($rows / MAX_DISPLAY_CATEGORIES_PER_ROW) == floor($rows / MAX_DISPLAY_CATEGORIES_PER_ROW)) && ($rows != tep_db_num_rows($categories_query))) { echo ' </tr>' . "n"; echo ' <tr>' . "n"; } } ?> </tr> </table></td> ---------------------- Зменяем на новый код: $rows = 0; while ($categories = tep_db_fetch_array($categories_query)) { $rows++; $cPath_new = tep_get_path($categories['categories_id']); echo ' <td align="center" class="smallText" width="33%" valign="top"><a href="../ACG2oscd/%27%20.%20tep_href_link(FILENAME_DEFAULT,%20$cPath_new,%20%27NONSSL%27)%20.%20%27">' . tep_image(DIR_WS_IMAGES . $categories['categories_image'], $categories, SUBCATEGORY_IMAGE_WIDTH, SUBCATEGORY_IMAGE_HEIGHT) . '</a></td>' . "n"; if ((($rows / MAX_DISPLAY_CATEGORIES_PER_ROW) == floor($rows / MAX_DISPLAY_CATEGORIES_PER_ROW)) && ($rows != tep_db_num_rows($categories_query))) { echo ' ' . "n"; echo ' <tr>' . "n"; } } ?> </tr> ------------------------------------------------------------------------------------- Author: Strider Как в версии 2.1 заапгрейдить навигационный бокс под версию 2.2 В header.php вам нужно заменить <?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a> | <?php } ?> <a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> | <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a> | <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_PAYMENT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a> ********** на следующее: <?php if (tep_session_is_registered('customer_id')) { echo '<a href="' . tep_href_link(FILENAME_LOGOFF, '', 'NONSSL') . '" class="headerNavigation">' . HEADER_TITLE_LOGOFF . '</a> | <a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '" class="headerNavigation">' . HEADER_TITLE_MY_ACCOUNT . '</a> | <a href="' . tep_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL') . '" class="headerNavigation">' . HEADER_TITLE_CART_CONTENTS . '</a> | <a href="' . tep_href_link(FILENAME_CHECKOUT_PAYMENT, '', 'SSL') . '" class="headerNavigation">' . HEADER_TITLE_CHECKOUT . '</a> | <a href="' . tep_href_link(FILENAME_CONTACT_US, '', 'NONSSL') . '" class="headerNavigation">' . HEADER_TITLE_CONTACT_US . '</a> '; } else { echo '<a href="' . tep_href_link(FILENAME_LOGIN, '', 'SSL') . '" class="headerNavigation">' . HEADER_TITLE_LOGIN . '</a> | <a href="' . tep_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL') . '" class="headerNavigation">' . HEADER_TITLE_CREATE_ACCOUNT . '</a> | <a href="' . tep_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL') . '" class="headerNavigation">' . HEADER_TITLE_CART_CONTENTS . '</a> | <a href="' . tep_href_link(FILENAME_CHECKOUT_PAYMENT, '', 'SSL') . '" class="headerNavigation">' . HEADER_TITLE_CHECKOUT . '</a> | <a href="' . tep_href_link(FILENAME_CONTACT_US, '', 'NONSSL') . '" class="headerNavigation">' . HEADER_TITLE_CONTACT_US . '</a> '; } ?> ------------------------------------------------------------------------------------- This Modification was created by Jatech Solutions Inc. Эти манипуляции позволят вам иметь разный цвет фона в таких боксах как: категории, информация, лидеры продаж, итд.). Вам потребуется внести изменения только в три файла. 1.) Откройте includes/classes/boxes.php Найдите function infoBoxContents Замените: function infoBoxContents($contents) { $this->table_cellpadding = '3'; $this->table_parameters 'class="infoBoxContents"'; $info_box_contents = array(); На: function infoBoxContents($contents) { global $css_class; $this->table_cellpadding = '3'; $this->table_parameters 'class="'.$css_class.'"'; $info_box_contents = array(); 2.) Теперь откройте бокс, в котором вы собираетесь изменить цвет фона. Например infotmation.php (расположен в /includes/boxes/information/php) Замените: <!-- information //--> <tr> <td> <?php $info_box_contents = array(); на: <!-- information //--> <tr> <td> <?php global $css_class; $css_class = "infoBoxContents5"; $info_box_contents_info = array(); 3.) infoBoxContents5 должен быть добавлен в stylesheet.css и может выглядеть примерно так: TABLE.infoBoxContents5 { background-color: #FFFFF1; } ------------------------------------------------------------------------------------- Изменяем Box Corners images/infobox/arrow_right.gif images/infobox/corner_left.gif images/infobox/corner_right.gif images/infobox/corner_right_left.gif Самый простой способ ибавится от box corners(ov)-это сделать их прозрачными. Если же вы изменили цвет фона, то вам нужно просто поменять их цвет на соответствующий фону. Чтобы удалить титлы в бокс-файле закоментируйте строку: //new infoBoxHeading($info_box_contents, false, false); Все изменения титлов производятся в includes/languages/english(russian) или через Админ: admin/tools/define languages ------------------------------------------------------------------------------------- By weirdlab Я изменил все файлы в корневике так, чтобы изменять дизайн было проще. Каждый файл имеет <?php require(DIR_WS_INCLUDES . 'body_start.php'); ?> и require(DIR_WS_INCLUDES . 'body_bottom.php'); В начале body_start(а), Я изменил body тег. В основном table (может иметь фиксированную ширину или нет,И т.д) левая колонка и body_bottom контролируются по правой колонке. Вот список файлов в которых я проделал эти изменения: account.php account_edit.php account_edit_process.php account_history.php account_history_info.php address_book.php address_book_process.php advanced_search.php advanced_search_result.php checkout_address.php checkout_confirmation.php checkout_payment.php checkout_success.php conditions.php contact_us.php create_account.php create_account_process.php create_account_success.php default.php login.php oldMOD-default.php password_forgotten.php privacy.php products_new.php product_info.php product_reviews.php product_reviews_info.php product_reviews_write.php reviews.php shipping.php shopping_cart.php specials.php stylesheet.css tell_a_friend.php Во что я проделал в body_start(е): <center> <!-- header //--> <?php require(DIR_WS_INCLUDES . 'header.php'); ?> <!-- header_eof //--> <!-- body //--> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="0"> <!-- left_navigation //--> <?php require(DIR_WS_INCLUDES . 'column_left.php'); ?> <!-- left_navigation_eof //--> </table></td> <!-- body_text //--> А вот что в body_bottom(е): <!-- body_text_eof //--> <td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="0"> <!-- right_navigation //--> <?php require(DIR_WS_INCLUDES . 'column_right.php'); ?> <!-- right_navigation_eof //--> </table></td> </tr> </table> <!-- body_eof //--> <!-- footer //--> <?php require(DIR_WS_INCLUDES . 'footer.php'); ?> <!-- footer_eof //--> <br> </center> </body> </html>
Сообщения
