Не использую OpenServer, так что предлагаю универсальное решение:
меняем следующие фрагменты кода
browserSync = require('browser-sync').create(),gulp.task('browser-sync', function() {
browserSync.init()
});
запускаем таск и копируем сниппет, который нам предложат в консоле
<script id="__bs_script__">//<![CDATA[
document.write("<script async src='http://HOST:3000/browser-sync/browser-sync-client.js?v=2.23.6'><\/script>".replace("HOST", location.hostname));
//]]></script>
найдите файл
footer.twig по пути catalog\view\theme\default\template\common и скопируйте его в папку со свей темой
откройте этот файл и вставьте скопированный снипет перед закрывающим тегом
</body>
активируйте тему в админке opencart
так же необходимо скопировать файл
header.twig и изменить путь к файлу stylesheet.css
Оффтоп: думаю есть смысл купить это курс и получать консультации самого автора. Скорее всего он не будет обновлять информацию, а прогресс не стоит на месте.