Creation of New Pages For an Integrated Magento Wordpress Environment

Būsena UŽDARYTA
Biudžetas 501-1000 Eur
Sukurta: 2015-01-14
Baigiasi: 2015-01-21
Siūlo: Nėra
Apibūdinimas: Goal:

Creation of a one page responsive blog and one page responsive video gallery which pulls all videos posted to the Morphmallow youtube channel automatically (https://www.youtube.com/user/morphmallow). We have a wordpress installation integrated with a magento installation using the integration plugins below. Products are displayed in wordpress using widgets which pull them in from Magento. The header and footer are both pulled from magento into wordpress along with javascript functionality.

Integration Scripts We Use:

fishpig.co.uk/magento/wordpress-integration/

https://wordpress.org/plugins/magento-wordpress-integration/

http://www.mwi-plugin.com/



Form Factors and Browsers This Project Must Support:



Responsive Across The Following Breakpoints (Mobile 320px - 480px - Tablet 720px - 768px - 900px – Desktop 1280x 1024x and higher resolutions,) - Web Browsers From Past Two Years and Higher: Chrome, Firefox, Internet Explorer, Safari



Front End Requirements:



PSDs Please use all layers.



Desktop:

https://www.dropbox.com/sh/t0s3katfo8x7nz8/AACohs4DnA2otQPZ782Tj4PGa?dl=0

https://www.dropbox.com/sh/xzigy5v9dijb880/AABb-LhQ7xDROJLHx6EpQXdWa?dl=0



Mobile:

https://www.dropbox.com/sh/ristb62ssgo7jb9/AABhlMc3n-5Hu0FhHXlYVpXla?dl=0





Requirements:

1. Convert the above PSDs into responsive HTML/CSS/Images & Layers with breaks at the following resolutions (Mobile, Tablet and Desktop):

320px - 480px - 720px - 768px - 900px - 1024px



2. Please use and animate movement with jquery effects for all hover and click effects (behavior as depicted in prototype here: https://www.dropbox.com/sh/xzigy5v9dijb880/AABb-LhQ7xDROJLHx6EpQXdWa?dl=0) Note, do not use code from prototype, it is purely for show.



We want to use a jquery effect similar to this for video/blog tray (vertically instead of horizontally)

http://codyhouse.co/demo/slide-in-panel/

Use this for scroll effect, and sort for videos/articles in drawer. Same effect for display of logos on press page as user scrolls.

http://masonry.desandro.com/

Carousel hover effect

http://www.jqueryscript.net/demo/Beautiful-Horizontal-Image-Carousel-Plugin-with-jQuery-CSS3-Hover-Carousel/

Navigation Buttons

http://tympanus.net/codrops/2014/05/28/arrow-navigation-styles/

Sharethis for share buttons

https://wordpress.org/plugins/share-this/



3. https://morphmallow.com/wp/spaghettiheadz/ See example of product widgets for product bar here.

4. Please have the videos be automatically embedded from here https://www.youtube.com/user/morphmallow

5. Please have video preview images for both hover next/back buttons and video tiles taken from youtube.

6. Please use sharethis for social buttons

7. Button in top right corner should make youtube video player go full screen.



Milestone 1 Video Page (M1VP)

M1VP 1. HTML/CSS Responsive Implementation of Design and Review

M1VP 2. Integration of Jquery Effects

M1VP 3. Integration With Wordpress and Integration With Wordpress Post Admin Functionality (category association for each video category, setting of video order)

M1VP 4. Troubleshooting js conflicts and magento script integration/widgets

M1VP 5. QA (We will check breakpoints, compatible devices, analytics integration)

M1VP 6. Deployment to production environment



Milestone 1 Video Page

Please provide the following in your estimate:

Timeline For EACH OF M1VP 1-6 (earliest date, expected date, latest date)

Level Of Certainty you will meet EACH OF M1VP 1-6 Deadlines

Cost For M1VP 1-6



Milestone 2 Blog (M2B)

M2B 1. HTML/CSS Responsive Implementation of Design and Review

M2B 2. Integration of Jquery Effects

M2B 3. Integration With Wordpress and Integration With Wordpress Post Admin Functionality (full integration with wordpress blog functionality)

M2B 4. Troubleshooting js conflicts and magento script integration/widgets

M2B 5. QA (We will check breakpoints, compatible devices, analytics integration)

M2B 6. Deployment to production environment



Milestone 2 Blog

Please provide the following in your estimate:

Timeline For EACH OF M1VP 1-6  (earliest date, expected date, latest date)

Level Of Certainty you will meet EACH OF M2B 1-6 Deadlines

Cost For M1VP 1-6



Milestone 3 Press Page (M3PP)

M3PP 1. HTML/CSS Responsive Implementation of Design and Review

M3PP 2. Integration of Jquery Effects

M3PP 3. Integration With Wordpress and Integration With Wordpress Admin Functionality (so user can add logos to this page)

M3PP 4. Troubleshooting js conflicts and magento script integration

M3PP 5. Deployment to production environment





Milestone 3 Press Page

Please provide the following in your estimate:

Timeline For EACH OF M3PP 1-6  (earliest date, expected date, latest date)

Level Of Certainty you will meet EACH OF M3PP 1-6 Deadlines

Cost For M3PP 1-6

Budget: $1600
Posted On: January 14, 2015 01:33 UTC
ID: 205007150
Category: Web Development > Web Programming
Skills: Array, Array, Array, Array, Array, Array, Array, Array, Array, Array, Array
Country: United States
click to apply

Darbo Tipas(ai):
  • CSS
  • PHP
Duomenų Bazė:
Operacinė Sistema: Linux
Siūlymų Skaičius: 0
Siūlosi Žinutės Kaina Trukmė Įvertinimas Informacija