“Gear2” Documentation by “RocketWay” v1.0
“Gear2 v1.0”
Created: March 2015
By: RocketWay
Email: support@rocketway.net
Thank you for purchasing Gear2. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
Table of Contents
A) HTML Structure - top
If you check the HTML code of any layout you will find that each row is highlighted with comments showing its start and end, so you can easily delete or duplicate any of them, here is a similar color formation to what you get if you open any layout in Firefox and choose View Page Source, part of the code looks like that:
Tip: It's not necessary that source code will be shown with such colors in your HTML/Text editor! If it's shown in black just search for <!-- that's how all comments start.
You can see the green comments explaining where content starts and ends, if you decided to add a row or more just copy what's between code comments and paste it! For example you want to duplicate the text with picture on the left in the layout #1, copy from the code comment <!-- Start of text with picture on the left --> till <!-- End of text with picture on the left --> and paste it after <!-- End of text with picture on the left --> with this easy copy and paste method you can insert extra rows or delete them if you want, every row is created in separate table so it doesn't affect any other row whenever you duplicate/delete it.
Tip: You can mix layouts and create your own, but remember to copy and paste rows within the same color folder, so you won't end with different colored rows.
So, to ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.
B) Changing Images - top
If you use our Themebuilder you can easily replace all images with a valid URL
If you don't want to use our themebuilder, no problem, just open the folder called "images" and replace them with yours
C) PSD Files - top
We've used 1 PSD with several structures:
PSD design has been layered correct always
D) MailChimp Support - top
1. login into MailChimp
2. Click on Templates
3. Click on Create Template
4. Import HTML or Paste in code
5. Click on Upload
6. Now you see the template and code. Click on the bottom right “Safe and Exit”
7. Now click on “Campaigns"
8. Top right button “Create Campaign”
9. Regular ol’ Campaign “Select”
10. Bottom right “next”
11. Enter your Campaign info and click on the bottom right “next”
12. Click on “Saved Templates”
13. Select now the template you created
14. Now you can hover over the modules and see 3 icons on the left. See screenshot
15. If you have duplicate a module you’ll be able to drag&drop or switch it. Note: You can never drag&drop a module without duplicating.
16. Click at the bottom at the page of the page on “Edit Design” to edit the template layout.
17. Now you can hover over the text and images to edit or change them.
18. When you have clicked on the Edit button of an image you’ll be able to Replace, Edit, Hyperlink or Alt link it.
19. If you click on the top right “Preview and Test” and click on “Enter preview mode” you’ll be able to see/test how the email looks on desktop and mobile.
Be sure to have all your images hosted on your own server. For example: 'http://www.yourwebsite.com/images/logo.jpg'
If you need further support please email us: support@rocketway.net
Here is a clear explanation of how to import a template: http://kb.mailchimp.com/article/how-do-i-import-a-template/Template Language: Getting Started with MailChimp’s Template Language: http://kb.mailchimp.com/article/how-do-i-upload-an-image/
Template Language: Custom Template Showcase: http://eepurl.com/cdN2v
Template Language: Creating Editable Template Styles: http://eepurl.com/ck1yj
Template Language: Working With Variant Selectors: http://eepurl.com/ck349
Template Language: Support: http://kb.mailchimp.com/topic/custom-templates
E) Sources and Credits - top
1: http://www.shutterstock.com/pic-152229140/stock-photo-beautiful-and-fashion-young-woman-posing-with-a-skateboard.html?src=0EEt3wrgShinBChwSZEthA-1-2
2: http://www.shutterstock.com/pic-154036304/stock-photo-women-s-foots-near-suitcase-at-autumn-outdoor.html?src=LtWKwdAXFMRS2uLhTf1kEQ-2-16
3: http://www.shutterstock.com/pic-145396549/stock-photo-woman-legs-in-red-high-heel-shoes-and-short-skirt-outdoor-shot-against-old-metal-door.html?src=pp-same_model-145140865-LtWKwdAXFMRS2uLhTf1kEQ-7&ws=1
4: http://www.shutterstock.com/pic-181785998/stock-photo-attractive-surprised-young-woman-wearing-sunglasses-on-checkered-background-beauty-and-fashion.html?src=LtWKwdAXFMRS2uLhTf1kEQ-7-16
5: http://www.shutterstock.com/pic-148556252/stock-photo-fashion-redhead-women-with-suitcase-at-autumn-field.html?src=t1mqh5tEuySKN-MqpRcb5Q-12-89
6: http://www.shutterstock.com/pic-104849534/stock-photo-sensual-girl-with-a-summer-cocktail.html?src=-FNAO0YROn07L2KWxpqZ6g-7-50
7: http://www.shutterstock.com/pic-109133558/stock-photo-summer-funny-girl.html?src=-FNAO0YROn07L2KWxpqZ6g-12-30
8: http://www.shutterstock.com/pic-116978710/stock-photo-beautiful-stylish-young-woman-on-a-street.html?src=-tgV5DcH_ukRW1i4uj-nqA-2-88
9: http://www.shutterstock.com/pic-155270507/stock-photo-fashion-woman-portrait-isolated-white-background-happy-girl-hold-shopping-bag-red-dress-female.html?src=3KSkK8BavGSWo5qD49YEfw-5-24
Once again, thank you so much for purchasing this template. As we said at the beginning, we'd be glad to help you if you have any questions relating to this template. No guarantees, but we'll do our best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
Team RocketWay