Thanks Max, great tutorial! IMPORTANT NOTE: If your newly created theme doesn't show up in the list of themes in Admin area, try this command: sudo php /var/www/html/bin/magento setup:upgrade it worked for me :)
How we copy homepage design of the sample mockup (the Luma theme that's filled with products and homepage block) ? Im sure this would be a pretty educational tutorial.
Hello, thanks for the tutorial. May be tehre a problem with newer versions of Magento? 2.4.2 None worked beside theme creation, which was done in one minute: /app/design/frontend/xxx/luma_custom/web/css/source/lib/variables/_navigation.less not overriding /app/design/frontend/xxx/luma_custom/Magento_Theme/layout/default.xml not changing ..none worked. Cleared page cache, generated, preprocessed etc. The logo seems to be changeable only directly in admin
After HOURS of search: you need to write the Theme in capitalized first letter: Instead of: /app/design/frontend/xxx/luma_custom/ take /app/design/frontend/Xxx/luma_custom/ ...its a Magento!
From Jul, 2019 with Magent2 2.3. The tricks do not work as in the video. 1. After theme changed in the Admin Dashboard, product images are gone in the custom theme. 2. Logo changing doesnt work. ...
Are you sure you followed all the steps from the video? The theme creation I shared in this video has nothing to do with the Admin Dashboard. If your product images have been disappeared you have to what have happened with either your environment or source code you changed.
Very Nice, keep these videos coming ! Would be nice if you make a whole series, where you explain about how to add custom functionalities to a Storefron site, with Javascript and RequireJS.
Love your video.Thanks for this tutorial. It would be great if you can show how to customize specific product page for example gallery on side of the product rather then below and only in one column.
Hi, Please suggest which one is good magento 2 or big-commerce . how we can manage the server for magento 2 its not easy task to manage .Please provide the solution and sugesstions
A great one! Thanks. Can you please present another tutorial for modifying the product detail page? Something like adding more images and description about the product?
I've followed the steps in this video, but when it comes to refreshing the page, it is not showing my changes? What could I be doing wrong? I tried changing the border colour to 'color-pink1' instead of Blue.
Hi Max in Magento 1, how to fix a theme video play back in video block. (linked from youtube) I have notice the video has stop playing. - The video faded in after the image. Thank you!!
Tried to change css on v.2.2.4, but didn't work this way. So what helped was to create _extend.less in customtheme/web/css/source and then @import _navigation.less within there.
hi have a problem with last section on the css, after i delete the frontend + cache + view_preprocessed , i have missing some file so i need to run php bin/magento setup:static-content:deploy again, and after that i can't see the changes i made to the css, you have any idea what is the problem ?
Hex Max, I would like to see implementing bootstrap theme into magento either from scratch or to modify completely existing one. You could do some series about it :)
Hridik is a stellar offshore web design and development services company, customized solutions, professionalism, timely delivery, creative ideas, enhanced user experience and affordability are what make us the premier choice of our global clients. To get more information visit here: www.hridik.com/hire-dedicated-magento-developer.html
hi max, nice video and very helpful.. but there is a problem that I can not get any success or error messages after any action like, if I added a product to cart or wishlist or remove , I did not get any messages.. Please help
Привет Max. Подскажи пож-та, если добавляются новые блоки (с новым классом) в кастомной теме, то где должны лежать эти блоки и темплейты? (в теме или в их в кастомном модуле) P.S. Спасибо за видео!
Superb video! Need your guidance regarding Magento 2 Database structure, Administration, Theme, Module/Extension/Component and development/customization....Please suggest how I can proceed ? Thanks in advance
Nice Video...Thank You. If i switch the theme the cms blocks are there in two themes . I just want in one theme only . Can you plz tell me the solution.
During development on your local environment you should delete static files if it wasn't updated automatically as they are all symlinks to your files in a project, for cache - when you change layout, phtml or xml files, for generated/ when you add new module or create a proxy, plugin classes.
This didn't work for me, well it sort of worked. When I activated my custom theme following your steps exactly all of the styles disappeared on the site even though Luma was set to be the parent.
Hi Max, very good your tutorial! I would like to modify the structure of the head, for example: Logo - Cart - Search What files should I overwrite to make these structure changes? Regards
Very informative. I really appreciate your time and tutorial. Very clear and at a pace that worked for me. All went great and I only had one issue and that was at the end when you showed us how to change the border color of the navigation menu. I have no experience with less but I followed your steps and I can't get the color to change. I tried a different browser and I even disabled the browser cache and no luck. I also flushed Magento cache - Any thoughts?
I have it here and like it. Use it just for simple projects. Don't know if would be possible to create a Theme for Magento and make it working. Quite a challenge can say. I could share my license with you if you want to give it a try.
Thanks for the tutorial! I dont understand, how does one even do any programming like this? Deleting folders / running cache refreshes every time - Magento 2 seems like huge pain in the ass.
There are lots of tools available for Magento 2 that weren’t covered in this video. Check out my other videos to get a better idea how to work with Magento 2.
Gorr1995 спасибо за Ваш комментарий. Структура Мадженто 2 платформы позволяет легко найти необходимые файлы темы включая less, javascript, html, а также дополнительные сторонние библиотеки. Для этого необходимо ознакомиться с документацией которую можно найти на сайте devdocs.magento.com. Спасибо
Thanks for the feedback! My machine is: MacBook Pro 2.7, 16GB, 8 CPUs. Apache 2.4 and PHP 7.0.18 (with xDebug enabled) installed via Brew. I still prefer to run Magento 2 on ubuntu rather than OS :).
I've a 2015 macbook pro 16gb 8cores but I use MAMP Pro just cause it's easier for vhosts and SSL but it seems much slower (ok your machine is newer but it shouldn't make that much of a difference). Thanks for you answer!
I think you are asking how a page can be rendered so fast after clearing Magento 2 cache, am I correct? I didn't want viewer to wait seconds before page will be shown, some parts were cut during video preparation to make it faster, otherwise video could be 18 minutes.
Hi Max Pronko, I had work like you but not file default.xml dont working. The Logo no change. Please help me.prntscr.com/jywpkg. I had use 2 theme magento in database beause it make error
why did you copy complete _navigation.less? you could have extended than overriding less file. Structured way _buttons_extend.less and _navigation_extend.less, then add your changes for each component in the corresponding file. Then you create the _extend.less file adding this code: @import '_buttons_extend.less'; @import '_navigation_extend.less';
Dheivamae! This is the ONLY complete tutorial I could find on the internet. Thank you so much. Please make more videos!
தெய்வமே😂
Awesome Video, the way you explain each part. Want to see more stuff continue this series. Thanks
This absolutely slaps. Thank you!
your techniques still holds true. awesome video. Please make more such customisation videos
Sir, this is my first video about building custom theme, it was so clear to me.
Thank you.
Thank you for watching and the feedback.
Thank You sir..It's a big help for me as a beginner for all aspect in magento and developing .
Thanks Max, great tutorial! IMPORTANT NOTE: If your newly created theme doesn't show up in the list of themes in Admin area, try this command:
sudo php /var/www/html/bin/magento setup:upgrade
it worked for me :)
Hi Stepan, thank you for the tip. I believe it is because of cache as themes are not required to be installed. Thanks for watching.
How we copy homepage design of the sample mockup (the Luma theme that's filled with products and homepage block) ? Im sure this would be a pretty educational tutorial.
Excellent Tutorial for customizing magento2 theme. Thanks Max
Thank you for watching.
Hello, thanks for the tutorial.
May be tehre a problem with newer versions of Magento? 2.4.2
None worked beside theme creation, which was done in one minute:
/app/design/frontend/xxx/luma_custom/web/css/source/lib/variables/_navigation.less not overriding
/app/design/frontend/xxx/luma_custom/Magento_Theme/layout/default.xml not changing
..none worked. Cleared page cache, generated, preprocessed etc.
The logo seems to be changeable only directly in admin
After HOURS of search: you need to write the Theme in capitalized first letter:
Instead of:
/app/design/frontend/xxx/luma_custom/
take
/app/design/frontend/Xxx/luma_custom/
...its a Magento!
Nice ☝️ one
I have to create product,attribute,category using rest api in Magento but we have to faces issue while integration if you are intrested please tell me
Thanks Max, you're the best.
How to install 3party magento theme app and pub theme in ubuntu 18.04
how are you able to create those predefined xml file template? I install MagentoWizard but not able to figure how to use it..
I use phpstorm live template feature
Nice explanation....I am new in magento and I am looking exact tutorial like this...awesome... :)
Ia m not getting any changes in my theme after Making changes as you show in above video please help me with this
Thanks man, would love to see more videos on magento theme development :D
Thank you such an amazing tutorial easy to understand.
Sir please can you provide me a videos about module development
Actually i have joining in a company as magneto developer before joining i want to clear all doubts
Checkout this portal magemastery.net
@@MaxPronko Sure sir
Great tutorial. You made it very easy to follow. Thank you!
Jenn Magro Lucano thank you, Jenn for the feedback. Really appreciate it. I am glad you like the videos
From Jul, 2019 with Magent2 2.3. The tricks do not work as in the video.
1. After theme changed in the Admin Dashboard, product images are gone in the custom theme.
2. Logo changing doesnt work.
...
Are you sure you followed all the steps from the video? The theme creation I shared in this video has nothing to do with the Admin Dashboard. If your product images have been disappeared you have to what have happened with either your environment or source code you changed.
Very Nice, keep these videos coming ! Would be nice if you make a whole series, where you explain about how to add custom functionalities to a Storefron site, with Javascript and RequireJS.
Hi shahir X, thank you for the feedback. I think this is a great idea to create series of tutorials. I added it into my plan for next videos. Thanks.
Love your video.Thanks for this tutorial.
It would be great if you can show how to customize specific product page for example gallery on side of the product rather then below and only in one column.
You are great man...….Very good videos on magento 2 please make more videos on magento 2 theme customization
i can't get data after changing theme please help !
Hi, Please suggest which one is good magento 2 or big-commerce . how we can manage the server for magento 2 its not easy task to manage .Please provide the solution and sugesstions
For the solution I can suggest contacting my Pronko Consulting team, so we can help, email info@pronkoconsulting.com
can u mail me the code in custom-design.svc as i cant see the whole line
A great one! Thanks. Can you please present another tutorial for modifying the product detail page? Something like adding more images and description about the product?
How can make a custom theme with HTML template for Magento 2
Plz its request can you tell me about Onbroading in magento like when we work with online shopping website
Not sure I understand your request. Onboarding for admin user or developer?
Great video Max, thanks!
Thank you.
I've followed the steps in this video, but when it comes to refreshing the page, it is not showing my changes? What could I be doing wrong? I tried changing the border colour to 'color-pink1' instead of Blue.
Thank you for your question. It could be different reasons: module is disabled, cache is not cleaned etc.
Hi Max in Magento 1, how to fix a theme video play back in video block. (linked from youtube) I have notice the video has stop playing. - The video faded in after the image. Thank you!!
how to add imagen in the theme on magento2
could you please, make a sticky header containing a image block and categories below it?
I don't think "logo_img_width/height" work any more. It would be "logo_width/height".
Thanks, What is the difference between this instead of changing the logo from the admin panel?
Any tips for finding block reference names that may be missing from the default.xml, like for example, "Create an Account"?
Hi , how can we override .phtml file of inside custom module in custom theme ?
Great video! I want to see more :)
In this custom theme i don't get css or js file. how to solve it?
What do you mean you don’t get css or js file? Do you refer to loading issue of a file in a browser?
Tried to change css on v.2.2.4, but didn't work this way. So what helped was to create _extend.less in customtheme/web/css/source and then @import _navigation.less within there.
Can you please share your code? I am also using magento 2.4
hi have a problem with last section on the css, after i delete the frontend + cache + view_preprocessed , i have missing some file so i need to run php bin/magento setup:static-content:deploy again, and after that i can't see the changes i made to the css, you have any idea what is the problem ?
Hex Max, I would like to see implementing bootstrap theme into magento either from scratch or to modify completely existing one. You could do some series about it :)
Lukas Stranovsky i would love this also
Hi! Do you know how to make a full new theme from an HTML file? I mean, I designed a website in Bootstrap and I need to use it on Magento. Regards!
Gustavo de Sancho yes, I know how to do this. You can check my other videos about theme creation in Magento 2 on this channel.
Hridik is a stellar offshore web design and development services company, customized solutions, professionalism, timely delivery, creative ideas, enhanced user experience and affordability are what make us the premier choice of our global clients. To get more information visit here: www.hridik.com/hire-dedicated-magento-developer.html
nice video max, I want to know how can we fix header position and set z-index in navbar and change logo position to center?
hi max,
nice video and very helpful..
but there is a problem that I can not get any success or error messages after any action like, if I added a product to cart or wishlist or remove , I did not get any messages.. Please help
Can you make a complete videos series for magento 2 optimization for bignars so that website can load faster on live server... Thanks
Hi Max, Can you please shed some light on what is collection in magento, with an example. Thanks
Hi I followed the procedure but my custom theme not showing in the Applied theme list please help.
Rajeshwar Mahato have you tried to flush cache and switch theme in the Magento Admin? Also, check directory names and paths for typos.
hello sir I am fresher and few days I started Magento learning, please help me I started first Magento 1 or direct start Magento 2
Shohel Hussain do you have any specific questions regarding Magento 2 or general advices?
Hii max can u please send code it will help us
really good video. very helpful
Thank you for the feedback, Hambini. Let me know if you are looking for some specific guidance
Amazing tutorial, thank you so much!
Milan Kosir thank you for watching!
I want to learn Magento 2 front-end development what should I do.
Learn and practice.
@@MaxPronko suggest any good source for learning
Here you are magemastery.net
Can you post video about how to angularjs theme template integrate with Magento2?
Do you want to build an independent Angular based storefront theme? You would better check out Vue Storefront.
@@MaxPronko can you post that Vue Storefront link which is related to Magento angular js theme ?
it is great tutorial but the color in the last step didnt change from orange
Hi Mr. Pronko i liked your video very much. It is very helpful. But can't able to find your next videos on this can you please help me out.
Here is the playlist with the custom theme tutorials for Magento 2.3 - th-cam.com/play/PLwcl8DqLMv9f6Ygxgg-_Vk-UdY9FDhpQ_.html
thnak you for the reply, but the link is not working
Sir please tell me the how custom module work in detail please please sir my humble request
Great Man... Vera Level Tutorial...
This is very helpful, what text editor are you using?
PMarket PH thank you for the feedback. I use PHPStorm - very powerful editor.
Très bien réalisé merci pour ce contenu !
Привет Max. Подскажи пож-та, если добавляются новые блоки (с новым классом) в кастомной теме, то где должны лежать эти блоки и темплейты?
(в теме или в их в кастомном модуле)
P.S. Спасибо за видео!
В модуле, и блоки и шаблоны, но less можно добавить в тему
Thank you sir.. awesome video.. could you please make a video on How to add Bootstrap css and Bootstrap Js in our custom theme..
can you tell me how can we integrate magento2 with salesforce ?
Superb video! Need your guidance regarding Magento 2 Database structure, Administration, Theme, Module/Extension/Component and development/customization....Please suggest how I can proceed ? Thanks in advance
what editor are you using
PHPStorm IDE
Hello Pronko,
where I can find the source code of custom-design.svg ?
Nice Video...Thank You.
If i switch the theme the cms blocks are there in two themes . I just want in one theme only . Can you plz tell me the solution.
Really good, i want to see more videos like, great work
Luiz Fernando de Souza Filho Thank you for the feedback. I work on more videos for this channel so make sure to follow it.
My question will be silly.
when to delete folders from static(requirejs,frontend) and var(cache,generation code)
During development on your local environment you should delete static files if it wasn't updated automatically as they are all symlinks to your files in a project, for cache - when you change layout, phtml or xml files, for generated/ when you add new module or create a proxy, plugin classes.
Please make your voice loud so it can be heard clearly. This is great tutorial for people like me. please make more videos on this topic
This didn't work for me, well it sort of worked. When I activated my custom theme following your steps exactly all of the styles disappeared on the site even though Luma was set to be the parent.
Check for any TYPOs in your code.
Good job mate!
Hi Max, very good your tutorial!
I would like to modify the structure of the head, for example: Logo - Cart - Search
What files should I overwrite to make these structure changes?
Regards
Good video!! Can you make a video about how to create custom blocks for your custom theme?
Spasibo Max!
quanto cobraria apenas para instalar um thema magento 2 pra mim, instalar/configurar?
Thanks Max for the video! Btw, should we change the version part in composer.json file? Now we are using magento 2.3.6 version. Many thanks again!
Yes
Very informative. I really appreciate your time and tutorial. Very clear and at a pace that worked for me. All went great and I only had one issue and that was at the end when you showed us how to change the border color of the navigation menu. I have no experience with less but I followed your steps and I can't get the color to change. I tried a different browser and I even disabled the browser cache and no luck. I also flushed Magento cache - Any thoughts?
Hi Maya, did you sort the issue with the border color? Let me know.
спасибо, Макс!
How about Bootstrap Studio? Have you tried to create a Theme for Magento with it? If no, would you give it a try? Thank you for all your work! :)
Never tried Bootstrap studio. Do you recommend?
I have it here and like it. Use it just for simple projects. Don't know if would be possible to create a Theme for Magento and make it working. Quite a challenge can say. I could share my license with you if you want to give it a try.
What mode do you have Magento running when you are editing? Production, Developer, Default?
Great video
DECKSIDE.COM.AU thanks for the feedback. I usually run under developer mode.
Good video, really helpful
Great video thank you
Thanks for the tutorial!
I dont understand, how does one even do any programming like this? Deleting folders / running cache refreshes every time - Magento 2 seems like huge pain in the ass.
There are lots of tools available for Magento 2 that weren’t covered in this video. Check out my other videos to get a better idea how to work with Magento 2.
Супер! Все чётко и без лишний воды
автор , а откуда ты узнал , что цвет бордера нужно искать в файле навигация лес ?
Gorr1995 спасибо за Ваш комментарий. Структура Мадженто 2 платформы позволяет легко найти необходимые файлы темы включая less, javascript, html, а также дополнительные сторонние библиотеки. Для этого необходимо ознакомиться с документацией которую можно найти на сайте devdocs.magento.com. Спасибо
Thank for the video
Thank you for watching.
thanks a ton.. very informative
Very nice tutorial please guide us how to create custom module layout and also upload some tutorials on magento 2 layout xml and how to extend layout.
Great video man! Can I ask you what MAMP stack you use? It seems pretty fast!
Thanks for the feedback! My machine is: MacBook Pro 2.7, 16GB, 8 CPUs. Apache 2.4 and PHP 7.0.18 (with xDebug enabled) installed via Brew. I still prefer to run Magento 2 on ubuntu rather than OS :).
I've a 2015 macbook pro 16gb 8cores but I use MAMP Pro just cause it's easier for vhosts and SSL but it seems much slower (ok your machine is newer but it shouldn't make that much of a difference).
Thanks for you answer!
I think you are asking how a page can be rendered so fast after clearing Magento 2 cache, am I correct? I didn't want viewer to wait seconds before page will be shown, some parts were cut during video preparation to make it faster, otherwise video could be 18 minutes.
hahah ok ok now I can stop scratching my head trying to understand :D
Hi Max Pronko, I had work like you but not file default.xml dont working. The Logo no change. Please help me.prntscr.com/jywpkg. I had use 2 theme magento in database beause it make error
Thanks for this video sir. Everything is working fine for me. but I changed in less file according to this video but it's not working.
Hi the same for me. M2.3.3. I couldn't change the nav borderline.
Something went wrong while saving this configuration: Area is already set
---
wth is going on???
Tin MT hi, I am also interested what is going on? Do you have details of your customizations done for the particular Magento 2 installation?
Yes, i do. I only set theme for website, but i can't set theme for store view like you. thanks
Tin MT can you please share more info about how you actually set the theme?
Max Pronko i got it, thanks for sharing video
This is issue #14968 of v2.2.4
thank you
could u plz make video about magamenu
Hi !! thanks for the Video. What IDE are you using ?
Cristian Blanco I use PHPStorm editor, very powerful IDE. Recommend it, it also has Magento 2 plugin for development
is there any free licence for PHPStorm or is it always for paid?
Cristian Blanco it has 30 days free and then 99$ per year, worth spending for a great tool
What was the editor, sublime?
Hi, I think Max uses PhpStorm
nice job. thanks
Thanks for watching.
Nice video!!
why did you copy complete _navigation.less? you could have extended than overriding less file.
Structured way
_buttons_extend.less and _navigation_extend.less, then add your changes for each component in the corresponding file.
Then you create the _extend.less file adding this code:
@import '_buttons_extend.less';
@import '_navigation_extend.less';
Hi Nagaraj, thank you for your suggestion. It makes sense for me. I will do the next video on the subject with your tip included. Thanks.