Challenge Overview
Welcome to the AppXpress WordPress Theme Responsive Navigation Update! AppXpress Marketplace is an Appirio newest approach to bring structured approach in developing mobile application.
Main goal of this challenge is to update responsive main navigation based on attached Storyboard.
Page Requirements and Instructions :
- Source code can be found here https://gitlab.com/appiriolabs/appxpress, please checkout master branch.
- Storyboard can be downloaded here https://drive.google.com/drive/#folders/0B5pMhoyHTg-IYTduVkJDTERLYms
- Please update responsive view of main navigation so it should be displayed properly and nicely on tablet and smartphone
- Currently new theme has weird behavior with bootstrap.min.css, we're thinking there is a collision between the standard bootstrap and whatever we have in the default.css, style.css, etc. Please fix this
- Font-size should be same, currently storyboard has font-size varies
- For now we don't need sub menus, and provided storyboard has it, so please ignore sub menu design
- Subscription form at footer is not required
- Please follow existing clickthru
- Please keep the existing functionality
- Please pay attention and padding, margin, spacing, etc
HTML/CSS Requirements
- Your HTML code must be HTML5 compliant
- Validate your code - reviewer may accept minor validation errors, but please comment your reason for any validation errors.
- The generated CSS file from LESS file should be validated for errors
- Use the validators listed in the scorecard.
- Use CSS to space out objects, not clear/transparent images (GIFs or PNGs) and use proper structural CSS to lay out your page. Only use table tags for tables of data/information and not for page layout.
- No inline CSS styles - all styles must be placed in an external stylesheet.
- Use semantically correct tags - use H tags for headers, etc. Use strong and em tags instead of bold and italic tags.
- Element and Attribute names should be in lowercase and use a "-" or camel naming to separate multiple-word classes (i.e.. "main-content", or "mainContent)
- Label all CSS or HTML hacks with explanations so others will understand.
- Your code must render properly in all browsers listed in the scorecard in both Mac and PC environments.
Browsers Requirements
- IE9+
- Latest FF Mac & PC
- Latest Safari Mac & PC
- Latest Chrome Mac & PC
- Tablet browsers
- Mobile Phone browsers (including iPhone - around 768px width)
Required Wordpress environment and plugins:
- Wordpress 3.9.2 https://wordpress.org/download/
- WooDojo http://www.woothemes.com/woodojo/
- Woo Sidebars http://www.woothemes.com/woosidebars/
- Video Lightbox plugin https://www.tipsandtricks-hq.com/wordpress-video-lightbox-plugin-display-videos-in-a-fancy-lightbox-overlay-2700
Quick Deployment Guide:
1. Pull the files from the https://gitlab.com/appiriolabs/appxpress repository into your local development environment
2. Create a new database
3. Open your local deployment to start installing the wordpress
4. After installation, login to wp-admin
5. Activate the following plugins for now (activate the other plugins when deemed needed):
- Contact Form 7
- Easy Pricing Table
- TinyMCE Advanced
- Tooltips
- WooCommerce
- WP Video Lightbox
6. Go to Themes then activate Hub theme (with the Appirio thumbnail)
7. Go to Tools and import all the files located /export folder in the following order:
- appxpress.wordpress.2015-02-13.xml (new exported file)
- posts_appirioappxpressmarketplace.wordpress.2014-12-08 (1).xml
- pages_appirioappxpressmarketplace.wordpress.2014-12-08.xml
- products_appirioappxpressmarketplace.wordpress.2014-12-08.xml
- features_appirioappxpressmarketplace.wordpress.2014-12-08.xml
- contactforms_appirioappxpressmarketplace.wordpress.2014-12-08 (1).xml
- slides_appirioappxpressmarketplace.wordpress.2014-12-08.xml
- variatons_appirioappxpressmarketplace.wordpress.2014-12-08.xml
- widget_areas_appirioappxpressmarketplace.wordpress.2014-12-08 (1).xml
- wooframework_internal_container_appirioappxpressmarketplace.wordpress.2014-12-08 (2).xml
8. Go to Settings > Reading and set Home as Front page
9. Go to Appearance > Menus and create a new menu regardless of name with the following items and set its Theme locations to Primary Menu
- Home
- Features
- Get Started
- Account (make sure it is myaccount and rename its label to Login)
- Questions ?
-- Samples
-- Ordering
10. Go to Hub-Appxpress Theme Options > Layout > Footer and select 2 column in the Footer Widget Areas
11. Go to Hub-Appxpress Theme Options > WooCommerce and make sure the Header Cart Link is checked and click the ���Save All Changes��� button
12. Go to Hub-Appxpress Theme Options > General Settings > Quick Settings and enter the follow code below under the Copyright field.
<img style="vertical-align:middle" src="/i/appirio_white_logo_small.png"> AppXpress Marketplace™ - <a target="_blank" href="http://appirio.com/privacy/">Privacy Policy - Terms of Use
13. Check the live site at https://appxpress.com/ for comparison if you set up correctly
Final Submission Guidelines
Since we're working using Git, please submit patch (.PATCH) file, and reviewer will do review using patch file.
- Please send gitlab access request to xkurnx@gmail.com