18
ThemerMG is a WYSIWYG theme / template editor for Magento. The editor allows you to make CSS changes in seconds and is most handy for designers and non-technical users, but developers alike. The editor comes with an an intuitive click & point user interface. It also includes a simple drag and drop layout editor for content blocks. Its main purpose is to enable Magento admins to make changes to the visual design of the site without any knowledge of code or use of programmers. Although you can basically design a completely new theme, it is most useful for smaller changes and tweaks. It helps you save a lot of time and/or money (if you outsource your programming).

5 Times Faster Magento Theme Designs with ThemerMG

Embed Size (px)

DESCRIPTION

ThemerMG is a Magento theme editor, with a point & click CSS editor and drag & drop layout editor, with a really simple interface. ThemerMG is a Magento extension for designers and non-technical users to alter the look and feel of a Magento theme using an intuitive user interface. Its main purpose is to enable Magento admins to make changes to the visual design of the site without any knowledge of code or use of programmers. Although you can basically design a completely new theme, it is most useful for smaller changes and tweaks. It helps you save a lot of time and/or money (if you outsource your programming). The whole system works so that you can build several designs and click through your store without pushing it live. That means you can easily build new features and test them out on the same system using real data so when you are done you can be 100% sure it works well. Options for customization with ThemerMG are virtually endless and you can experiment beyond your imagination. We have listed just some of the possible usage ideas for inspiration: - Seasonal specials Define Christmas or Easter specific design additions beforehand quickly and easily in ThemeMG and use them for the date range you need. You can also keep the same tune to use it as a base next year to save time. - Product & brand campaigns You can make special designs or small design tweaks to brand pages or specific products to better attract customers and endorse your campaign. This can be done by using “CSS Class selector” and using page specific CSS classes. Different categories and different products can have endless amounts of different styles. - Customizing template themes from 3rd parties One of the fastest and most inexpensive ways to get started with your store is to use premade templates. These can be bought all over the internet. Customize them with ThemeMG to give a completely bespoke look with no fear that someone else has the same design. - Building sub stores (color changes) This is one of the most common use cases. If you want to run several stores or sub stores on your existing custom design, you can easily make small tweaks like change color theme and logos. It is the quickest and most inexpensive solution for doing this.

Citation preview

  • 1. ThemerMG is a WYSIWYG theme / template editor for Magento. The editor allows you to make CSS changes in seconds and is most handy for designers and non-technical users, but developers alike. The editor comes with an an intuitive click & point user interface. It also includes a simple drag and drop layout editor for content blocks. Its main purpose is to enable Magento admins to make changes to the visual design of the site without any knowledge of code or use of programmers. Although you can basically design a completely new theme, it is most useful for smaller changes and tweaks. It helps you save a lot of time and/or money (if you outsource your programming).

2. How much will a Magento store development cost? A basic magento store will easily cost 20.000 and more. In comparison, a custom magento store will easily cost 50.000 and more, depending on the functionality needed. 3. How many development hours are usually spent? A basic magento store will take aproximately 300 hours of work (and more) In comparison, a custom magento store will easily take 600hours and more, depending on the functionality needed. And that does not include adding products. 4. For a basic magento store, overall design of the store will take approx 50 hours. Another 50 hours is spent on converting the PSD files into actual code and implementing the design. 5. That is approximately 100 hours of work! Making it 1/3 of the hours spent on design, compared to the whole development process of a just a basic magento store 6. Did you know you could be saving a lot of time and money by using a 5 times faster way to design a magento theme / template? 7. We have developed a WYSIWYG themer editor for Magento! It comes with an intuitive click & point interface and it allows you to make CSS changes in seconds! 8. ThemerMG is a WYSIWYG theme / template editor for Magento, that allows you to make CSS changes in seconds. The editor comes with an an intuitive click & point user interface. 9. Its main purpose is to enable Magento admins to make changes to the visual design of the site without any knowledge of code or use of programmers. Although you can basically design a completely new theme, it is most useful for smaller changes and tweaks. It helps you save a lot of time and/or money (if you outsource your programming). 10. Options for customization with ThemerMG are virtually endless and you can experiment beyond your imagination. We have listed just some of the possible usage ideas for inspiration: Seasonal specials Define Christmas or Easter specific design additions beforehand quickly and easily in ThemeMG and use them for the date range you need. You can also keep the same tune to use it as a base next year to save time. Product & brand campaigns You can make special designs or small design tweaks to brand pages or specific products to better attract customers and endorse your campaign. This can be done by using CSS Class selector and using page specific CSS classes. Different categories and different products can have endless amounts of different styles. Customizing template themes from 3rd parties One of the fastest and most inexpensive ways to get started with your store is to use premade templates. These can be bought all over the internet. Customize them with ThemeMG to give a completely bespoke look with no fear that someone else has the same design. Building sub stores (color changes) This is one of the most common use cases. If you want to run several stores or sub stores on your existing custom design, you can easily make small tweaks like change color theme and logos. It is the quickest and most inexpensive solution for doing this. Other ideas Testing different solutions and color schemes. You can build several color versions of your site and test on users before going live with the site. Showing and trying out new ideas has never been quicker and simpler. You can basically test and explain your design ideas during meetings in a few minutes. It is extremely impressive and time saving. Fast prototyping. 11. You can select any element on the page and change the style of that element using the control pane on the left hand side. In general you can change all possible Cascading Style Sheet (CSS) elements (fonts, margins, paddings, colors, borders, background images etc.) 12. This mode enables you to edit your page layout by changing the columns of a page. You can also add new and drag & drop existing content blocks and rearrange them in this pane. You can change the columns of the the page in the Layouting tab . If you navigate around the site you find that you can change the columns in different context - all pages or any specific page you have navigated to. ThemerMG has a built in drag & drop feature to manage these blocks.You can drag and drop orange blocks that are within the blue container. You can change the order or change the container they are in. You can also delete or add new blocks. You have list of different blocks to choose from including your own custom blocks, created by using magento Static blocks. 13. ThemerMG is fully compatible with any Magento default theme or any premium theme you can find online. All installed themes will automatically show up in the theme management admin panel. Themers layout, content and style changes are held in a separate database and no changes to the original file system are made. The module will simply apply the content and layout changes later in the execution flow or in case of CSS, simply load it later. 14. ThemerMG is responsive and the devices tab allows you to see how your site looks on different devices: desktop, tablet and mobile. The same workflow applies to customizing mobile specific designs. Just select the device you wish to edit first and proceed to selecting element and styling them in the Styling tab. 15. You can select and edit specific DIV block styles using the style breadcrumb trails. Common selectable options are active, hover, visited and more depending on the element. For better image management we have implemented Magento media manager into ThemerMG to simplify the way you would be able to upload and change background images. For a great color selection experience we have built in color memory. When you start changing an elements color, the pallet will pop up with a list of colors used across your site. You can easily use same colors again and again without memorizing any color codes. 16. For quick access ThemerMG is added to the Magento admin panel. Each time you start styling you use an existing theme as a starting point. When you have made your desired changes you might want to save the tune to either start using it or continue your work later on. 17. In addition to the regular theme/tune management board under ThemerMG menu we have also built a better Theme and Tune selector under System > Configuration > Design > Themes. In Magento by default you have to fill in the theme name by hand and you may not even know what themes you have available. With ThemerMG you get a list of all Themes and Tunes associated with the installation . You are simply able to choose a store view from Current Configuration Scope, select a Theme and Tune and your newly designed Tune has been switched live and visible in the frontend of your store. 18. Get the ThemerMG, the WYSIWYG theme / template editor for Magento free if you host your ecommerce store with QuickMage. QuickMage is a comission based hosting platform based on Magento. at oyenetwork.com/products at quickmage.com Click link below to visit page Click link below to visit page