Modify Existing Shopify Web Site
Budget: $30 – $250 USD
Job Description: Modify Existing Shopify Web Site
This job is directed at the first step in developing familiarity with and capability of modifying the jimaworks RelationShips® website. It entails learning how its pages are presently encoded, successfully demonstrating some graduated (very simple to not-too-hard) modifications to the pages, and describing what you’ve done/discovered.
The job is to get as far as possible in the following seven small tasks in the sequence given:
1. Write a mock Shopify page using the current jimaworks theme that simply writes out the currently-defined RelationShips® product and its options. This page should show a snippet of code that is JavaScript manipulation of the Shopify product attributes and pages.
2. Connect the product as specified through the existing customer interaction (in a “Preview” page) to the product as defined within Shopify so that when the customer hits the “Buy” button, his/her/their selection appears in the cart.
3. Annotate the product as it appears to the customer on the Preview page with th Shopify product information (in particular its price).
4. Ensure that the customer specifications for the RelationShips® product as defined on the Preview Page correctly appear on the Shopify email that is automatically sent at the conclusion of the Buy.
5. The Preview page provides WYSIWYG Editor capabilities that are currently disabled. This subtask is to reconnect the editor (simple JQuery work)
6. Refactor the jimaworks “Where” page (“https://jimaworks.com/pages/0-set-the-stage”) to use whole-world maps vs section-of-the-world maps, i.e., use whole world maps, with all sub-maps implemented as windows into the whole-world map(s).
7. Combine the first two of those pages - the “Where” page on which the user selects the region of the world from which the family came (“https://jimaworks.com/pages/0-set-the-stage”), and the “When” page on which the user specifies the year the family came over with a time slider (“https://jimaworks.com/pages/1-title-b-when”)
The above job is a ramp-up task. Performance on this task will determine whether you are suited for future follow-on tasks such as:
a. Integrate the functionality of other existing RelationShips® functions into the combined “Where” and “When” page..
b. Expand the map-based interaction, perhaps with replacement with a web map package such as Mapbox.
c. Integrate a server-side data management into the jimaworks pages.
d. Provide a more suitable visualization of the jimaworks 3D product my incorporating a 3D display of it on the website.
This job is directed at the first step in developing familiarity with and capability of modifying the jimaworks RelationShips® website. It entails learning how its pages are presently encoded, successfully demonstrating some graduated (very simple to not-too-hard) modifications to the pages, and describing what you’ve done/discovered.
The job is to get as far as possible in the following seven small tasks in the sequence given:
1. Write a mock Shopify page using the current jimaworks theme that simply writes out the currently-defined RelationShips® product and its options. This page should show a snippet of code that is JavaScript manipulation of the Shopify product attributes and pages.
2. Connect the product as specified through the existing customer interaction (in a “Preview” page) to the product as defined within Shopify so that when the customer hits the “Buy” button, his/her/their selection appears in the cart.
3. Annotate the product as it appears to the customer on the Preview page with th Shopify product information (in particular its price).
4. Ensure that the customer specifications for the RelationShips® product as defined on the Preview Page correctly appear on the Shopify email that is automatically sent at the conclusion of the Buy.
5. The Preview page provides WYSIWYG Editor capabilities that are currently disabled. This subtask is to reconnect the editor (simple JQuery work)
6. Refactor the jimaworks “Where” page (“https://jimaworks.com/pages/0-set-the-stage”) to use whole-world maps vs section-of-the-world maps, i.e., use whole world maps, with all sub-maps implemented as windows into the whole-world map(s).
7. Combine the first two of those pages - the “Where” page on which the user selects the region of the world from which the family came (“https://jimaworks.com/pages/0-set-the-stage”), and the “When” page on which the user specifies the year the family came over with a time slider (“https://jimaworks.com/pages/1-title-b-when”)
The above job is a ramp-up task. Performance on this task will determine whether you are suited for future follow-on tasks such as:
a. Integrate the functionality of other existing RelationShips® functions into the combined “Where” and “When” page..
b. Expand the map-based interaction, perhaps with replacement with a web map package such as Mapbox.
c. Integrate a server-side data management into the jimaworks pages.
d. Provide a more suitable visualization of the jimaworks 3D product my incorporating a 3D display of it on the website.