Task : https://jobinandjismi.atlassian.net/browse/PAIU-1
Proposal Summary
This proposal covers the development of liquid Pixel integration with SCA to personalise the item image.
The pages that include the updated
- PDP page
- Cart page
- Checkout pages
- NetSuite Sales Order
- SO email template
Requirement
The Requirement is to integrate the liquid pixel for the personalised image from PDP page, draft the personalise the item, view/print the PDP. And saved along with the transaction line item on the order
Prerequisites
- Liquid Pixel account for the reference
- Access roles – Administrator, SC Deployer
- SCA version should be Suite commerce Advanced or later
- Suite commerce or Suite commerce Advanced Website
Our solution
We will create extensions for the implementation in the SCA site. In the extension we will create a section for the functionality in PDP page, this will be same in the desktop and mobile view (The section will be responsive)
The implementation should be different phases
- PDP Page
- Cart Page and checkout
- NetSuite side update on Mail
PDP page
We will add a button to add functionality in the PDP page to add the personalisation option using Liquid pixel. We will consider a checkbox field for enable the feature for corresponding item in the SCA.
The personalisation will only show if the option is enabled for the item.
We are adding the options as you mentioned below
- Option 1:
- Engraving 3 lines of text + $45
- Additional Lines + $12
- Add Clipart + $12
- Add Custom Art + $29
- Add Photo on Top of Tube + $45
- Option 2: Clipart without text + $29
- Option 3: Custom Art without text. For the custom art, photo on top of tube & portrait photo engraving and need to provide some copy to show “After submitting order, please send custom artwork to artdept@passagesinternational.com”
- Option 4: Portrait Photo Engraving + $50
- Option 5: Add Photo on Top of Tube + $45
For the above option we need to have to create large number of item options for personalisation for the website. There is chance to slow down and it is complex for development so we are not suggesting the as this method for the website.
On the Button click the modal will open and these are sections for the personalisation we are suggesting the below personalisation for the development. We can be easy to the development of the below the options for personalisation
- Engraving three lines of text
- Fields: Line 1, Line 2 , Line 3
- an additional line
- Fields: Line 4
- Font
- Fields: Font
- Artwork.
- Fields: Artwork
The Line 1, Line 2 , Line 3 and Line 4 each have a maximum of 40 characters.
When the button is pressed, the options for personalizing the item image appear one after another, and after the field is completed, we can preview the image.
We will create a configuration field in the NetSuite for dynamic data. So here the Base URL will be added for the item options.
The custom records will require if the values needed the reference from Liquid pixel. The corresponding the data from the NetSuite will be shown in the Modal.
Please note: the list of mandatory fields to be updated by customer will provided by Passages International.
Save draft
Before adding the item to the cart, we can add the configured item as a draft for feature reference. We will create a custom record for storing the configured item as a draft, so we can show the record on the PDP page.
View / Print PDF
We can view or print the PDF in of the PDP page when click button for feature reference.
After the submission of steps, we can show the preview image in the modal and once it verified by customer the preview image will be replace in the PDP page slider section (The zoom effect will not work for this image). And for the configurated item can be add to the cart.
In liquid pixel possible to configure the item based on position. Then the personalization will show on that position and fields configured in liquid pixel .So need to configure the liquid pixel item configuration and field creation.
Please note : Only after the liquid pixel configuration can we start the personalization item implementation on the website.
Mini Cart, Cart Page and checkout
We will create another extension for display the configurated image in Mini Cart, Cart Page and checkout
Currently we will not consider the updating on the image while the user updates the option from the cart page.
NetSuite side update
We will create the custom Email template for Website
Column fields need to create for to store the item image reference for the mail
- Item Image
We will add the reference in the transaction column for the image used for the Email template.
Please note: We need to have a NetSuite account for more details about the personalization update of the NetSuite side.
Assumptions
- The custom record created and mapped in the corresponding record required
- Changes in the website setup and configuration are needed.
- Development will be initially done in sandbox and then will be pushed to production. Once verified in sandbox.
- The prerequisites will be provided by Passages International.
- All photos of products are placed in: Need to be shared by Passages International for the reference
- All personalization placement information is placed in: Need to be shared by Passages International for the reference
Doubts &Clarification
- We have queries regarding the pricing and options of the personalization.
Is it possible to choose at a time two options. Then how the price has been calculated
Could you please share the mandatory fields option 1.
add Photo on Top of Tube, Portrait Photo Engraving options are can we used all the items has enabled personalization or specified items.
We need to have a liquid pixel account and configuration as a prerequisite, and we also need to have a URL for the image creation with all the fields for personalization and implementation.