[FAQ] Настройки, оптимизации, фичи, статьи для OpenCart

Тема в разделе "OpenCart", создана пользователем VeroN, 23 дек 2012.

Страница 4 из 8

VeroN

Регистрация:

26 ноя 2012

Сообщения:

82

Симпатии:

316
« Правила раздела »

Обсуждения - запрещены! Здесь размещаются только "готовые решения".

Если хотите отблагодарить автора поста, то используем кнопку «Мне нравится». Создавать для этого новые сообщения не нужно!

Размещать ссылки на сторонние ресурсы - запрещено.

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

Правила оформления сообщения

Название - для удобного поиска.

Использовать размер шрифта для заголовков не больше 5, для остального не меньше 3 (стандартный). Если используете другой "цвет" шрифта, то он должен быть адекватным и не содержать 'радуги' или 'ядовитый' оттенок, который при просмотре ломает глаза.

Для кода используем соответствующие теги, если код длинный, то прячем под "спойлер".

Свободная информация взятая из интернета под хайдом не устанавливается! Если это ваш личный метод, то хайд на ваше усмотрение.

Пример:
« Меняем иконку для сайта »

По умолчанию стандартная иконка имеет вид корзины для покупок. Рисуем свою иконку (16х16 px), сохраняем ее как "favicon.ico" и загружаем в корень сайта. Открываем файл "header.tpl" (путь: catalog\view\theme\default\template\common) и добавляем строчку:

Код:

<link rel="shortcut icon" href="/favicon.ico">

- - -
С уважением,
Администрация форума
VeroN, 23 дек 2012

#1

rrrrsrer79, hisbvdis, Zelveger и 3 другим нравится это.
kolich85

Регистрация:

19 сен 2013

Сообщения:

164

Симпатии:

93

gnommong сказал(а): ↑

Удобный переезд с локалхост на хостинг.
1 Заводим БД новую на хостинге, заливаем все файлы на фтп
2 Открываем этот файл
3 Прописываем в файле данные на нашу БД
4 Загружаем файл в корень
5 Запускаем www.YOURSTORENAME.COM/reinstall.php
6 PROFIT! Все конфиги переписаны автоматом.
Нажмите, чтобы раскрыть...

Перезалейти фаил.. Пожалуста..

Per aspera ad astra.

kolich85, 26 ноя 2013

#61
alex_storm webdev

Регистрация:

11 дек 2012

Сообщения:

1.151

Симпатии:

667

Скрываем контент для пользователей, которые не сделали покупки:
на примере скрытия отзывов для товара

Открываем файл - catalog/controller/product/product.php
Перед записью:

PHP:

$this->data['tab_description'] = $this->language->get('tab_description');

Добавляем:

PHP:

$this->load->model('catalog/review_customers'); $this->data['review_customers'] = $this->model_catalog_review_customers->getReviewCustomerByOrders($product_id, $this->customer->getId());

Открываем файл - catalog/view/theme/you_theme/template/product/product.tpl
Заменим:

PHP:

<?php if ($review_status) { ?>

На это:

PHP:

<?php if ($review_status && !empty($review_customers)) { ?>

В папке catalog/model/catalog создаем файл с названием review_customers.php со следующим содержимим:

PHP:

<?php class ModelCatalogReviewCustomers extends Model { public function getReviewCustomerByOrders($product_id, $customer_id) { $sql = "SELECT r.product_id FROM " . DB_PREFIX . "`order` o INNER JOIN " . DB_PREFIX . "order_product op ON (op.order_id = o.order_id) INNER JOIN " . DB_PREFIX . "review r ON (r.product_id = op.product_id) WHERE op.product_id = " . (int)$product_id . " AND o.customer_id = " . (int)$customer_id . " LIMIT 1 "; $query = $this->db->query($sql); return $query->row; } } ?>

Принцип работает для любого модуля или страницы!

Помог? Жми: "мне нравится"

alex_storm, 26 ноя 2013

#62

vavito, Maksim***, nick885 и ещё 1-му нравится это.

gnommong

Регистрация:: 29 июн 2013

Сообщения:: 175

Симпатии:: 194

Выкладываю код файла для автоматической обработки конфиг файлов при переносе магазина на хост. Ранее я выкладывал его файлом.
Инструкция та же. Пропишите данные на свою БД и сохраните в корень. Запустите файл.

Спойлер

Код:

<?php
/**
* USER INSTRUCTION:
*
* 1. upload install.php to your opencart folder (/public_html)
* 2. configure install.php at CONFIGURE HERE section
* 3. run install.php from your web browser: http://www.yourdomain.com/install.php
* 4. delete install.php.
*/

################################################################################
### CONFIGURE HERE
################################################################################

$dbdriver = "mysql";    # Database driver
$dbhost = "";    # Database host name
$dbname = ""; # Database name
$dbuser = ""; # Database username
$dbpass = ""; # Database password
$prefix = ""; # Database prefix tables






################################################################################
### DO NOT EDIT BELOW
################################################################################

$file = fopen("config.php","w") or exit("NOT FOUND FILE!");
$content2 = "<?php
// HTTP
define('HTTP_SERVER', 'http://" . $_SERVER['HTTP_HOST'] .rtrim(dirname($_SERVER['PHP_SELF']), '/.\\') . "/');
define('HTTP_IMAGE', 'http://" . $_SERVER['HTTP_HOST'] .rtrim(dirname($_SERVER['PHP_SELF']), '/.\\') ."/image/');
define('HTTP_ADMIN', 'http://" . $_SERVER['HTTP_HOST'] .rtrim(dirname($_SERVER['PHP_SELF']), '/.\\') ."/admin/');

// HTTPS
define('HTTPS_SERVER', 'http://" . $_SERVER['HTTP_HOST'] .rtrim(dirname($_SERVER['PHP_SELF']), '/.\\') . "/');
define('HTTPS_IMAGE', 'http://" . $_SERVER['HTTP_HOST'] .rtrim(dirname($_SERVER['PHP_SELF']), '/.\\') ."/image/');

// DIR
define('DIR_APPLICATION', '".realpath(dirname(__FILE__)) ."/catalog/');
define('DIR_SYSTEM', '".realpath(dirname(__FILE__)) ."/system/');
define('DIR_DATABASE', '".realpath(dirname(__FILE__)) ."/system/database/');
define('DIR_LANGUAGE', '".realpath(dirname(__FILE__)) ."/catalog/language/');
define('DIR_TEMPLATE', '".realpath(dirname(__FILE__)) ."/catalog/view/theme/');
define('DIR_CONFIG', '".realpath(dirname(__FILE__)) ."/system/config/');
define('DIR_IMAGE', '".realpath(dirname(__FILE__)) ."/image/');
define('DIR_CACHE', '".realpath(dirname(__FILE__)) ."/system/cache/');
define('DIR_DOWNLOAD', '".realpath(dirname(__FILE__)) ."/download/');
define('DIR_LOGS', '".realpath(dirname(__FILE__)) ."/system/logs/');

// DB
define('DB_DRIVER', '".$dbdriver."');
define('DB_HOSTNAME', '".$dbhost."');
define('DB_USERNAME', '".$dbuser."');
define('DB_PASSWORD', '".$dbpass."');
define('DB_DATABASE', '".$dbname."');
define('DB_PREFIX', '".$prefix."');
?>";
$success1 = fwrite($file, $content2);
fclose($file);


########## ADMIN ###########
$file = fopen("admin/config.php","w") or exit("NOT FOUND FILE!");
$content3 = "<?php
// HTTP
define('HTTP_SERVER', 'http://" . $_SERVER['HTTP_HOST'] .rtrim(dirname($_SERVER['PHP_SELF']), '/.\\') . "/admin/');
define('HTTP_CATALOG', 'http://" . $_SERVER['HTTP_HOST'] .rtrim(dirname($_SERVER['PHP_SELF']), '/.\\') ."/');
define('HTTP_IMAGE', 'http://" . $_SERVER['HTTP_HOST'] .rtrim(dirname($_SERVER['PHP_SELF']), '/.\\') ."/image/');

// HTTPS
define('HTTPS_SERVER', 'http://" . $_SERVER['HTTP_HOST'] .rtrim(dirname($_SERVER['PHP_SELF']), '/.\\') . "/admin/');
define('HTTPS_CATALOG', 'http://" . $_SERVER['HTTP_HOST'] .rtrim(dirname($_SERVER['PHP_SELF']), '/.\\') ."/');
define('HTTPS_IMAGE', 'http://" . $_SERVER['HTTP_HOST'] .rtrim(dirname($_SERVER['PHP_SELF']), '/.\\') ."/image/');

// DIR
define('DIR_APPLICATION', '".realpath(dirname(__FILE__)) ."/admin/');
define('DIR_SYSTEM', '".realpath(dirname(__FILE__)) ."/system/');
define('DIR_DATABASE', '".realpath(dirname(__FILE__)) ."/system/database/');
define('DIR_LANGUAGE', '".realpath(dirname(__FILE__)) ."/admin/language/');
define('DIR_TEMPLATE', '".realpath(dirname(__FILE__)) ."/admin/view/template/');
define('DIR_CONFIG', '".realpath(dirname(__FILE__)) ."/system/config/');
define('DIR_IMAGE', '".realpath(dirname(__FILE__)) ."/image/');
define('DIR_CACHE', '".realpath(dirname(__FILE__)) ."/system/cache/');
define('DIR_DOWNLOAD', '".realpath(dirname(__FILE__)) ."/download/');
define('DIR_LOGS', '".realpath(dirname(__FILE__)) ."/system/logs/');
define('DIR_CATALOG', '".realpath(dirname(__FILE__)) ."/catalog/');

// DB
define('DB_DRIVER', '".$dbdriver."');
define('DB_HOSTNAME', '".$dbhost."');
define('DB_USERNAME', '".$dbuser."');
define('DB_PASSWORD', '".$dbpass."');
define('DB_DATABASE', '".$dbname."');
define('DB_PREFIX', '".$prefix."');
?>";
$success2 = fwrite($file, $content3);
fclose($file);


if($success1 && $success2)
{
echo "<p style='color: brown; text-align: center; margin: 200px auto; font-size: 120%;'>Install Successfully! </br> Please Delete Install.php File!</p>";
}else{
echo "<p style='color: brown; text-align: center; margin: 200px auto; font-size: 120%;'>Install Failed! </br> Please configure Install.php File!</p>";
}
?>

gnommong, 26 ноя 2013

#63

kolich85 нравится это.

alex_storm webdev

Регистрация:

11 дек 2012

Сообщения:

1.151

Симпатии:

667

Более продвинутый robots.txt и .htaccess
файл robots.txt:
* заменить site.ru на адрес своего сайта.

Спойлер

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

файл .htaccess
* заменить site.ru на адрес своего сайта.

Спойлер

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

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

Последнее редактирование: 16 фев 2014

Помог? Жми: "мне нравится"

alex_storm, 26 ноя 2013

#64

spin3d07, Dema, okzim и 24 другим нравится это.
gnommong

Регистрация:

29 июн 2013

Сообщения:

175

Симпатии:

194

А можно в 2х словах, чем лучше эти варианты? Что допилено?

Чищу яндекс диск, если линк не работает - стучите в личку. Если постов меньше хайда - не стучать.

gnommong, 26 ноя 2013

#65
alex_storm webdev

Регистрация:

11 дек 2012

Сообщения:

1.151

Симпатии:

667

gnommong сказал(а): ↑

А можно в 2х словах, чем лучше эти варианты? Что допилено?
Нажмите, чтобы раскрыть...

Добавленны ссылки, которые попадали в индекс + добавлен дополнительная склейка сайта, добавлена защита на файлы.

Помог? Жми: "мне нравится"

alex_storm, 26 ноя 2013

#66

Sjvka, SkyLine и Sedmi нравится это.
Igorek1985

Регистрация:

11 апр 2013

Сообщения:

21

Симпатии:

0

Столкнулся с проблемой в ошибке 404, несуществующая страница отдает код 200 (переезжал на с другого движка).
Где то нашел решение (у меня версия 1.5.4.1):
в самом начале файла /catalog/view/theme/[ваша тема]/template/error/not_found.tpl
вставить

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

Igorek1985, 27 ноя 2013

#67
alex_storm webdev

Регистрация:

11 дек 2012

Сообщения:

1.151

Симпатии:

667

Igorek1985 сказал(а): ↑

Столкнулся с проблемой в ошибке 404, несуществующая страница отдает код 200 (переезжал на с другого движка).
Где то нашел решение (у меня версия 1.5.4.1):
в самом начале файла /catalog/view/theme/[ваша тема]/template/error/not_found.tpl
вставить

***Скрытый текст***
Нажмите, чтобы раскрыть...

Т.е. это решение отдает 404 HTTP заголовок браузеру?

Помог? Жми: "мне нравится"

alex_storm, 27 ноя 2013

#68

pactum нравится это.
Igorek1985

Регистрация:

11 апр 2013

Сообщения:

21

Симпатии:

0

alex_storm сказал(а): ↑

Т.е. это решение отдает 404 HTTP заголовок браузеру?
Нажмите, чтобы раскрыть...

Ну я в яндекс вебмастере забивал страничку и смотрел ответ, был 404, но дополнительно еще удалил все url не существующие (без 404 ответа удалить не давало)

P.S. Не совсем понял что значит отдавать заголовок браузеру, не силен в терминалогии )

Igorek1985, 27 ноя 2013

#69
passtools

Регистрация:

4 фев 2013

Сообщения:

232

Симпатии:

52

alex_storm сказал(а): ↑

<ifModule mod_headers.c> Header set Connection keep-alive </ifModule> AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/x-javascript BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html <ifModule mod_headers.c> Header append Vary User-Agent </ifModule>
Нажмите, чтобы раскрыть...

Можно по подробнее?

Ничто так не украшает человека, как дружба с кнопкой --> Мне Нравится ( если хочешь сказать спасибо)

passtools, 29 ноя 2013

#70
alex_storm webdev

Регистрация:

11 дек 2012

Сообщения:

1.151

Симпатии:

667

passtools сказал(а): ↑

Можно по подробнее?
Нажмите, чтобы раскрыть...

Это сжатие

Помог? Жми: "мне нравится"

alex_storm, 29 ноя 2013

#71

OlegBon и passtools нравится это.
видеотехника

Регистрация:

1 авг 2013

Сообщения:

10

Симпатии:

5

buldozer сказал(а): ↑

при добавлении валют в админке валюты пересчитываются согласно валюты по умолчанию
чтобы валюта пересчитались относительно рубля ставим для рубля Значение 1 (Валюта по умолчанию)
удаляем другие валюты затем добавляем их снова
Нажмите, чтобы раскрыть...

Только нужно не забыть курсы пересчитать, причем правильно, - а именно, сколько долларов в 1 рубле, а не наоборот, как привыкли в обменках, т.к. по умолчанию курс рубля выбран 1.00
Вообще, проще, когда по умолчанию выбрана более дорогая валюта, если доллар 1.00, то курс евро к примеру, 0.73, а рубль как обычно 33,00 гривна 8,40.
Можно еще автоматическое обновление курса включить, не пробовал, - т.к. наши курсы реальные и официальные часто не очень похожи.

--- Добавлено, 7 дек 2013 ---

SeregaSS сказал(а): ↑

Раскраска зеброй таблиц в админке
Установка:
скачать
vQmod копируем содержимое архива в папку ...\vqmod\xml
Нажмите, чтобы раскрыть...

реализовано в ocstore 1.5.5.1 без vQmod

Последнее редактирование: 7 дек 2013

видеотехника, 7 дек 2013

#72

v@dim нравится это.
buldozer

Регистрация:

7 окт 2012

Сообщения:

107

Симпатии:

44

видеотехника сказал(а): ↑

Только нужно не забыть курсы пересчитать, причем правильно, - а именно, сколько долларов в 1 рубле, а не наоборот, как привыкли в обменках, т.к. по умолчанию курс рубля выбран 1.00
Вообще, проще, когда по умолчанию выбрана более дорогая валюта, если доллар 1.00, то курс евро к примеру, 0.73, а рубль как обычно 33,00 гривна 8,40.
Можно еще автоматическое обновление курса включить, не пробовал, - т.к. наши курсы реальные и официальные часто не очень похожи.
Нажмите, чтобы раскрыть...

А вот как сделать такое:
Товар1 - его цена 10 Euro.
Товар2 - его цена 100 Руб.
при изменении курса все пересчитывается по валюте по умолчанию.
если рубли то согласно курса пересчитается цена товара 1 но у него цена то 10 Евро а может получиться что он будет стоить 10,5 или 9,75 как с это победить...

buldozer, 11 дек 2013

#73
romlg

Регистрация:

27 дек 2013

Сообщения:

1

Симпатии:

0

alex_storm сказал(а): ↑

Более продвинутый robots.txt и .htaccess
файл robots.txt:
* заменить site.ru на адрес своего сайта.

Спойлер

***Скрытый текст***

файл .htaccess
* заменить site.ru на адрес своего сайта.

Спойлер

***Скрытый текст***

Нажмите, чтобы раскрыть...

у меня после добавления изменений в htaccess вылезла вот такая ошибка "an unknown filter was not added: DEFLATE"
исправил её вот таким решением вместо

AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/x-javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

добавил

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
<IfModule mod_setenvif.c>
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
</IfModule>
тут стоит проверка включен ли модуль mod_deflate и mod_setenvif и если включен тогда использовать инструкции

romlg, 11 янв 2014

#74
Lora32

Регистрация:

28 фев 2013

Сообщения:

146

Симпатии:

152

Перевод с аглийского на русский.

Часто возникают вопросы как перевезти шаблоны или модули в админки опенкарта.
Приходится делать перевод есле ставиш платные темы. Иногда приходится лопатить много файлов прежде чем добьешся результата.
Бывают случаи когда нужно сократить фразу.
Мне очень помог в этом модуль поэтому решил поделиться.

Easy Language Editor

Спойлер

http://wmasteru.ru/threads/Платные-модули-для-opencart-бесплатно.4506/page-30#post-65807[/spoiler]

Lora32, 12 янв 2014

#75
Лиза

Регистрация:

13 дек 2012

Сообщения:

1

Симпатии:

0

non@me сказал(а): ↑

- - -

Откорректированный файл seo_url.php
берем вот отсюда

- - -
Нажмите, чтобы раскрыть...

после замены файла перестают открываться ссылки из шапки - корзин, о нас и тп. пишет ошибку в строке 67

Лиза, 14 янв 2014

#76
five555

Регистрация:

18 янв 2014

Сообщения:

248

Симпатии:

150

Лиза сказал(а): ↑

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

та же ситуация. открываются страницы только если отключить ЧПУ.

five555, 20 янв 2014

#77
Dimasscus

Регистрация:

10 фев 2013

Сообщения:

17

Симпатии:

1
nix, nix,

nix сказал(а): ↑

Ускоряем opencart при большом количестве товаров

Если большое к-во товаров(больше 7000) то опенкарте начинает виснуть(долго откриваються страници)
Решения покупать виделений сервер или сервер и самое главное настроить мускуль, а имено хотя би так

Код:

key_buffer = 400M max_allowed_packet = 48M table_cache = 1024 sort_buffer_size = 4m read_buffer_size = 4m read_rnd_buffer_size = 2m myisam_sort_buffer_size = 64m tmp_table_size = 96m query_cache_type = 1 query_cache_size = 64m thread_cache_size = 16 max_connections = 300 wait_timeout = 120

после етово перезапускаем mySQL (а лутше весь сервак) и радуемся жизни))

ВНИМАНИЕ! Если ви уже используете "решение" типа етово то никаких изменений не увидите!!! Нужно откатить систему вначало, а имено файл system/library/cache.php и подправить файл config как бил раньше!

ДЕМО как работает openkart с базой более 1500 категорий(включая подкатегории) и более 27 000 товаров можно посмотреть у меня ТУТ

Помните, для хорошой роботи opencart достаточно нормальново хостинга, и не стоит прислушиваться к службе поддержки что они рекомендуют VPS так как без етой конфигурации всеравно ничево не слетит високо!!! Если поддержка на обичном хостинге отказиваеться сконфигурировать правильно БД то стоит подумать про переезд на новий хостинг!

Да, чуть не забил))

Помог - говорим "СПАСИБО!"

Рекомендовано прочесть еще ето

P.S: С русским не всё в порядке, так как автор сообщения украинец.
Нажмите, чтобы раскрыть...

Помогите "разогнать". очень хочу применить Ваши рекомендации, но не имею достаточных навыков. Хостер тоже предлагал ВПС но я отказался. Все страницы работаю нормально, но на главной много категорий с картинками, и судя по логу- больше 2500 запросов сразу. главная открывается по 10-15 секунд.
Готов оплатить Вашу помощь.
если есть время и желание помочь- ответьте мне пожалуйста.

Заранее благодарен. С ув. Дмитрий.
Dimasscus, 5 фев 2014

#78

v@dim нравится это.
x-guest Команда форума

Регистрация:

8 окт 2012

Сообщения:

276

Симпатии:

979

Как установить заглушку для IE 5.5; IE 6; IE 7; IE 8; IE 9 на Opencart и Ocstore (прощай наш старый ослик)
Заглушка ? — страница, которая будет высвечиваться для всех пользователей, которые пользуются старым браузером.
Зачем она мне ? — допустим у вас есть сайт, в данном случае это магазин работающий на CMC Opencart и Клиенты (ДИНОЗАВРЫ web серфинга) из личного опыта скажу что их осталось не много чуть более 10% но тем не менее это потенциальные ваши клиенты которые до сих пор пользуется Браузером Internet Explorer.

К сожалению, Internet Explorer, даже в самых новых версиях, все еще не поддерживает большинство свойств и возможностей, которые вводятся в CSS3.
Нажмите, чтобы раскрыть...

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

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

Последнее редактирование: 7 фев 2014

Спасибо говорим кнопкой: ↓ Мне нравится↓__________

x-guest, 6 фев 2014

#79

fori, and1, halfhope и 2 другим нравится это.
x-guest Команда форума

Регистрация:

8 окт 2012

Сообщения:

276

Симпатии:

979
Прелоадер страницы или же плавное появление контента
...

Спойлер

Как загружается веб-страница
Прежде чем создать индикатор какого бы то ни было процесса, нужно разобраться в самом процессе. Загрузка веб-страниц — не исключение. Итак, как же загружается веб-страница?

1. Браузер отправляет запрос на сервер.

2. Сервер начинает отправлять браузеру html-код страницы. Специфика передачи данных в интернете такова, что код страницы браузер получает не сразу, а по частям.

3. В целях экономии времени браузер начинает обработку html-кода страницы, не дожидаясь окончания документа.

4. Как только в коде страницы браузер встречает внешний ресурс, он отправляет на сервер запрос на получение этого ресурса. При этом, в большинстве случаев, если этот ресурс — javascript-файл, то дальнейшая обработка страницы прекращается до полной загрузки и выполнения javascript-кода этого файла.

5. Как только браузер полностью получил и обработал html-код страницы (обработчик достиг закрытия тегаhtml), браузер вызывает событиеDOMContentLoaded, также известное какDOM Ready.

6. Как только последний внешний ресурс загружен, браузер вызывает событиеwindow.onload. Страница полностью загружена.

Спойлер

в файле: /www/site.ru/catalog/view/theme/*/template/common/header.tpl
в теле <head> подключаем скрипт (я не заморачивался и добавил код в common.js )
<script src="catalog/view/javascript/preload.js"></script>
в файл preload.js вставляем код или же как делал я вставляем в /www/site.ru/catalog/view/theme/*/javascript/common.js :

Код:

// START - indicators load connected stylesheet.css & heder.tpl & javascript / common.js $(window).on('load', function () { var $preloader = $('#page-preloader'), $spinner = $preloader.find('.spinner'); $spinner.fadeOut(); $preloader.delay(350).fadeOut('slow'); }); // END- indicators load connected stylesheet.css & heder.tpl & javascript / common.js

после <body> добавляем код:

Код:

 <div id="page-preloader"><span class="spinner"></span></div> 

и напоследок присваиваем стили в файле: /www/site.ru/catalog/view/theme/*/stylesheet/stylesheet.css

Код:

#page-preloader { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; z-index: 100500; } #page-preloader .spinner { width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; background: url(../image/load.gif) center center no-repeat; margin: -16px 0 0 -16px; }

где индикатор простая gif анимация -load.gif (ее забрасываем в папку /www/site.ru/catalog/view/theme/*/image) можно генерировать здесь http://preloaders.net/
Последнее редактирование: 22 окт 2015

Спасибо говорим кнопкой: ↓ Мне нравится↓__________

x-guest, 7 фев 2014

#80

autoshop, and1, Zulus и 5 другим нравится это.

(Вы должны войти или зарегистрироваться, чтобы ответить.)

Страница 4 из 8

< OCSHOP.CMS интересует Ваше мнение | Наработки Opencart >