MagentoSnippets
Magento Front End Snippets, plugin for Sublime Text
Details
Installs
- Total 5K
- Win 2K
- Mac 1K
- Linux 1K
Jul 26 | Jul 25 | Jul 24 | Jul 23 | Jul 22 | Jul 21 | Jul 20 | Jul 19 | Jul 18 | Jul 17 | Jul 16 | Jul 15 | Jul 14 | Jul 13 | Jul 12 | Jul 11 | Jul 10 | Jul 9 | Jul 8 | Jul 7 | Jul 6 | Jul 5 | Jul 4 | Jul 3 | Jul 2 | Jul 1 | Jun 30 | Jun 29 | Jun 28 | Jun 27 | Jun 26 | Jun 25 | Jun 24 | Jun 23 | Jun 22 | Jun 21 | Jun 20 | Jun 19 | Jun 18 | Jun 17 | Jun 16 | Jun 15 | Jun 14 | Jun 13 | Jun 12 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Mac | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 0 |
Readme
- Source
- raw.githubusercontent.com
MagentoSnippets
Magento Front End Snippets, plugin for Sublime Text.
This tool serves to aid the productivity during the Magento's theme development through snippets. These snippets brings partial codes belonging the Magento framework. These code that we used everyday, but never memorized because they are often complex and lengthy.
Installation
Install via Package Control
How do I use it?
The tab trigger of this plugin is “mg-*”.
In some editors just the tab key don't trigger the snippet, so you have to check few things to make magic happens like on gif below.
Check if you don't have set key binding for user (if so you have to remove it):
{ "keys": ["tab"], "command": "insert_best_completion", "args": {"default": "\t", "exact": true} },
If it still doesn't work add to your user settings below line:
"tab_completion": false,
Some people have assigned CTRL+Space as the snippet trigger
Check if another package is not coliding with snippet trigger (i.e. Emmet can cause some issues with Sublime Text 3 Snippet usage)
Suggestions
If you have something to improve these snippets, please create a issue
For how to do your own snippet and contribute for this tool see the contribution text
Available Snippets
XML
mg-addLinkRel
:: Add LinkRel in XMLmg-xml-cms-block
:: CMS Block in XMLmg-xml-css
:: Adds CSS in XMLmg-insert
:: Insert block Methodmg-local-xml
:: Writes the basic structure to a new local.xml filemg-ref
:: Add reference tagmg-rm
:: XML to removes a blockmg-removeItem
:: Remove head items by xmlmg-xml-setcolumn
:: Add number of columns in product listmg-set-template
:: Action to set a new root templatemg-xml-skinjs
:: Add skin js in XMLmg-unsetchild
:: Unset Child Methodmg-xml-text
:: Free text in XML
PHTML
mg-php-cms-block
:: CMS Block in PHTML(PHP+HTML)mg-format-price-currency
:: Format Pricemg-getAttrText
:: Get Attribute Text in product viewmg-getchildhtml
:: Get Child Html Methodmg-url
:: Get Urlmg-url-asec
:: Get Array Secure Urlmg-img
:: Image Skin Urlmg-productTypeId
:: Get Type Product Idmg-script
:: Adds script/javascript tagmg-storeInfo
:: Gets store informationmg-translate-phtml
:: Adds the translator helper outputmg-vars
:: Get Variable from adminmg-viewport
:: Viewport metatag to load media-queries
JS
mg-console-log
:: Add console.log for debugmg-iife-jquery
:: IIFE passing jQuery as parametermg-prototype-dom-ready
:: Adds Prototype DOM ready
SCSS
mg-clearfix
:: Creates a placeholder selector to fix floatsmg-scss-imgurl
:: Calls the image url functionmg-scss-sprite-height-width
:: Calls in scss sprite height and width functionsmg-scss-sprite
:: Calls in scss the Sprite function