Jump to content

433

Новичок
  • Content Count

    22
  • Joined

  • Last visited

Community Reputation

0 Обычный

About 433

  • Rank
    Пользователь
  1. А то требуют знать prestashop,woocommerce, jomla, drupal. Слишком много времени пройдет если самому, тыкать наугад. С бутстрапом, основами css я разобрался, опять таки без готовых шаблонов правильный задний фон по масштабу и т.д по урокам ютуба проблематично делать с 0. Сидишь такой год изучаешь, пытаешься найти "грааль" потом находишь что все раработчики используют код готовых компонентов и мышление тогда меняться. Нельзя быть умнее их не как одному. Невозможно мыслить как они с 0.
  2. все есть в условно платных шаблонах, нового там ничего не придумать, иду туда для того что бы лучше разобраться с ajax, ну и конечно же научиться делать PWA приложения, т.к задумка фреймворков js именно в этом. Ну а с "голым" js не все так гладко - в общем для всего своя цель, главное понять это. На голом js не делают, то что делают на jquery и т.д на примере выше + всякие контейнеры со скролингом. Так же сейчас займусь изучением WOW.js и Animate.CSS Лучше потратить силы на изучение php, его среды с готовыми компонентами в https://packagist.org/ работы и уж тем более перспектив гораздо больше в этом направлении. А то толку от js, html, css если по отдельности от пчп никаких фундаментальных знаний в добавлении отдельных секций div по разной ширине, высоте и т.д это не приподносит. Что бы что то да начало получаться на коммерческом уровне, нужно для начала скачать готовые проекты такого же уровня.
  3. нашел на jquery + если кому нужно еще 70 штук фичь https://romua1d.ru/bolee-70-plaginov-jquery-skrollinga-dlya-vashego-sajta/
  4. что посоветуете сделать для понимания? в каком файле vue потом указать где именно находиться скачанный vue-cli? Не могу в гугле ничего найти, все курсы что смотрел нечего подробного не затрагивают. В феврале пойду на курсы по vue.
  5. Есть файл src, а есть build.js и build.js.map, что именно нужно добавлять? Просмотрел 2 курса по vue.js но общего понимания нет после них. И в crs дирректори какие-то настройки, дак еще и в docs\src другие файлы. Думаю что vue-scroll-progress.js нужен для быстрой правки визуальных компонентов ,ну а дальше то что делать?
  6. Добавил скрипт и header и в body но он не работает! в чем проблема его? не могу понять суть этого vue js, как потом через один js файл его скомпилировать. Нужно что ли еще сам vue.js установить в проект? и что это за компот получается. vue-scroll-progress-master.rar
  7. Так же в самом 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 %}
  8. <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 в чем проблема, почему скрипт не работет?
  9. Каким именно образом добавить собственную секцию сайта по аналогии с модулями в макета, и затем добавить через layout? Так же что именно копировать в контроллер что бы потом в роутинге layout указывать путь к нововой странице?
  10. зайти на роут contact.twig и дописать
  11. Проблема возникакет когда пытаешься открыть $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, Можно. Но не понятно все равно все эти иконки это с бутстрапа в языке, валюте и т.д?
  12. В переменной {{ currency }} находиться .php файл? КАк вобще PHP переменная привязывыеться к .class, #?
  13. С новым годом! Как правильно искать файлы в проекте - {{ 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 %}
×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.