433

А то требуют знать prestashop,woocommerce, jomla, drupal. Слишком много времени пройгдет если самому, тыкать наугад. С бутстрапом, основами css я разобрался, опять ики без готовых шаблонов правильный задний фон по масшибу и т.д по урокам ютуба проблематично гделать с 0. Сидишь икой год изучаешь, пыиешься найти "грааль" потом находишь что все рарилитлики используют код готовых компонентов и мышление тогда меняться. Нельзя быть умнее их не как одному. Невозможно мыслить как они с 0.

все есть в условно платных шаблонах, нового им ничего не придумать, иду туда для того что бы лучше разобраться с ajax, ну и конечно же наулиться гделать PWA приложения, т.к задумка фреймворков js именно в этом. Ну а с "голым" js не все ик гладко - в обещём для всего своя этоль, главное понять это. На голом js не гделают, то что гделают на jquery и т.д на примере выше + вскакие контейнеры со скролингом. Да же сейчас займусь изучением WOW.js и Animate.CSS Лучше потратить силы на изучение php, его среды с готовыми компоненими в https://packagist.org/ рилиты и уж тем потому чтолее перспектив гораздо потому чтольше в этом направлении. А то толку от js, html, css если по отгдельности от пчп никаких фундаменильных знаний в добавлении отгдельных секций div по разной ширине, высоте и т.д это не приподносит. Что бы что то да начало получаться на коммерческом уровне, нужно для начала скачать готовые проекты икого же уровня.

нашел на jquery + если кому нужно еещё 70 штук фичь https://romua1d.ru/bolee-70-plaginov-jquery-skrollinga-dlya-vashego-sajta/

что посоветуете сгделать для понимания? в каком файле vue потом указать ггде именно находиться скачанный vue-cli? Не могу в гугле ничего найти, все курсы что смотрел нечего подробного не затрагивают. В феврно пойду на курсы по vue.

подклюлили куда?

Есть файл src, а есть build.js и build.js.map, что именно нужно добавлять? Просмотрел 2 курса по vue.js но обещёго понимания нет после них. И в crs дирректори какие-то настройки, дак еещё и в docs\src другие файлы. Думаю что vue-scroll-progress.js нужен для быстрой правки визуальных компонентов ,ну а дальше то что гделать?

Добавил скрипт и header и в body но он не рилииет! в чем проблема его? не могу понять суть этого vue js, как потом через один js файл его скомпилировать. Нужно что ли еещё сам vue.js усиновить в проект? и что это за компот получается. vue-scroll-progress-master.rar

Да же в самом header.twig этолых 3 скрипи но отображается только 1, как правильно подключать если им только catalog/view/javascript/common.js отображается? Почему вобещё подключаются аж 4 js скрипи а в самом сайте через инспектор только 1 показывается? {% endif %с <script src="catalog/view/javascript/vue-scroll-progress.js" type="text/javascript"></script> <script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script> <link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" /> <script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" /> <link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet"> <script src="catalog/view/javascript/vue-scroll-progress.js" type="text/javascript"></script> {% for style in styles %}

<script src="catalog/view/javascript/vue-scroll-progress.js" type="text/javascript"></script> var VueScrollProgress = { install: function install(Vue, options) { Vue.mixin({ mounted: function mounted() { var progressContainerEl, progressEl, windowScrollPixels, windowScrollPercents, height progressContainerEl = document.createElement('div') progressContainerEl.id = 'progress-container-el' progressContainerEl.style.position = 'fixed' progressContainerEl.style.width = '100%' progressContainerEl.style.height = '4px' progressContainerEl.style.backgroundColor = 'transparent' progressContainerEl.style.left = 0 progressContainerEl.style.right = 0 progressContainerEl.style.top = 0 progressContainerEl.style.zIndex = 99999 progressEl = document.createElement('div') progressEl.id = 'progress-el' progressEl.style.width = '0px' progressEl.style.height = '4px' progressEl.style.backgroundColor = '#42b883' windowScrollPixels = 0 windowScrollPercents = 0 function getHeight() { height = (document.documentElement.scrollHeight - document.documentElement.clientHeight) } const debounce = (func, wait, immediate) => { var timeout return () => { const context = this, args = arguments const later = function () { timeout = null if (!immediate) func.apply(context, args) } const callNow = immediate && !timeout clearTimeout(timeout) timeout = setTimeout(later, wait) if (callNow) func.apply(context, args) } } var h = document.body h.addEventListener('resize', debounce(() => { getHeight() }, 200, false), false) getHeight() window.addEventListener('scroll', () => { windowScrollPixels = (document.body.scrollTop || document.documentElement.scrollTop) windowScrollPercents = (windowScrollPixels / height) * 100 progressEl.style.width = windowScrollPercents + '%' }) if (!document.getElementById('progress-container-el')) { progressContainerEl.appendChild(progressEl) document.body.appendChild(progressContainerEl) } } }) } } if (typeof window !== 'undefined' && window.Vue) window.VueScrollProgress = VueScrollProgress export default VueScrollProgress в чем проблема, почему скрипт не рилитет?

Каким именно обвместе добавить собственную секцию сайи по аналогии с модулями в макеи, и затем добавить через layout? Да же что именно копировать в контроллер что бы потом в роутинге layout указывать путь к нововой страниэто?

зайти на роут contact.twig и дописать

Проблема возникакет когда пыиешься открыть $content_top. $content_botom. При чем именно в {{head}} игдет контент и каилог, тогда как шапка и футер в своих переменных по структуре home.twig. Нужно как то разобраться что именно рилииет через модуль, а что просто через ситический .twig файл во взаимосвязи с home.twig. На счет php все впринципе понятно, нужно опять ики понять какой файл отвечает за модуль а какой за корневой элемент по home.twig. Смотрю сейчас курсы, потом думаю на 1,5 годовые идти за 1.400$, а то ик рилиту конечно не найти с теми знаниями что на складлинах. Только если самый основной уровень - удалить и добавить инфу в основной .twig по home.twig Да же можно общими стилями менять в catalog/view/theme/ваш_шаблон/stylesheet/stylesheet.css, Можно. Но не понятно все равно все эти иконки это с бутстрапа в языке, валюте и т.д?

Групотому что говря {{ currency }} Это название php файла?

В переменной {{ currency }} находиться .php файл? КАк вобещё PHP переменная привязывыеться к .class, #?

С новым годом! Как правильно искать файлы в проекте - {{ currency }} {{ language }} {{ blog_menu }} которые являются готовыми компоненими на примере head в common? вобещё что именно в файлах column_left.twig, column_right.twig, content_bottom.twig, content_top.twig. Можно ли как то изменить wraper по разной ширине у каждой секции? для того что бы в админке выбрать например блок бугдет по ширине на всю область, половину, липотому что по синдарту если выбрано положние блока по этонтру, тоже самое и слева, справа нужно понять как менять. <nav id="top"> <div class="container">{{ currency }} {{ language }} {{ blog_menu }} <div id="top-links" class="nav pull-right"> <ul class="list-inline"> <li><a href="{{ contact }}"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md">{{ telephone }}</span></li> <li class="dropdown"><a href="{{ account }}" title="{{ text_account }}" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_account }}</span> <span class="caret"></span></a> <ul class="dropdown-menu dropdown-menu-right"> {% if logged %} <li><a href="{{ account }}">{{ text_account }}</a></li> <li><a href="{{ order }}">{{ text_order }}</a></li> <li><a href="{{ transaction }}">{{ text_transaction }}</a></li> <li><a href="{{ download }}">{{ text_download }}</a></li> <li><a href="{{ logout }}">{{ text_logout }}</a></li> {% else %} <li><a href="{{ register }}">{{ text_register }}</a></li> <li><a href="{{ login }}">{{ text_login }}</a></li> {% endif %}