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 %}