osCommerce. Как изменить способ отображения продуктов

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

По умолчанию список продуктов установлен на «Grid»(сетка). Давайте установим его на «List»(список):

1.Через FTP соединитесь с FTP сервером (свяжитесь со своим хостинг-провайдером, если не знаете, как это осуществить) или перейдите к osCommerce файлам с помощью файлового менеджера контрольной панели хостинга.

2.Перейдите к папке «includes/modules».

3. С помощью любого текстового/ php редактора откройте файл «product_listing.php».

4. Найдите этот код:

<div class="contentContainer page_listing">

  <div class="contentPadd r_view">

  <?php

  echo $prod_list_contents_row;

  ?>
 </div>

  <div class="contentPadd t_view"> 

  <?php

  echo $prod_list_contents;

  ?>
 </div>

  </div>

5.И замените его на:

<div class="contentContainer page_listing">

  <div class="contentPadd t_view">

  <?php

  echo $prod_list_contents_row;

  ?>
 </div>

  <div class="contentPadd r_view"> 

  <?php

  echo $prod_list_contents;

  ?>
 </div>

  </div>

6. Сейчас Вам нужно открыть файл «stylesheet.css», который находится в папке «css» на сервере в корне osCommerce инсталляции.

7. Найдите этот код:

.row_table li.first{background: url(“../images/icons/row.png”) no-repeat scroll 0 0 transparent;	}

.row_table li.last{background: url(“../images/icons/table.png”) no-repeat scroll 0 0 transparent;	}

8. Измените его на:

.row_table li.first{background: url(“../images/icons/table.png”) no-repeat scroll 0 0 transparent;	}

.row_table li.last{background: url(“../images/icons/row.png”) no-repeat scroll 0 0 transparent;	}

9. В браузере почистите куки и кэш и проверьте страницы категории. Урок подошел к концу. Дайте нам знать, если у вас возникнут вопросы.

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже: