{"type":"doc","content":[{"type":"heading","attrs":{"level":2},"content":[{"text":"Delivery Estimate Insertion","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Add the below code snippet to insert a Fenix JavaScript to the PDP & Cart page.","type":"text"}]},{"type":"codeBlock","content":[{"text":"","type":"text"}]},{"type":"paragraph"},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Product Detail Page(PDP)","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}],"content":[{"text":"Add the below code snippet to enter an empty div on PDP, which Fenix JS will use to inject delivery messages.","type":"text"}]},{"type":"codeBlock","content":[{"text":"

","type":"text"}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}],"content":[{"text":"Attributes placed on this div:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"quantity","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"e14dbd64-10c1-438e-b812-a5c9bf52631d"}},{"type":"strong"}]},{"text":": Provide the quantity value for the respective product.","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"e14dbd64-10c1-438e-b812-a5c9bf52631d"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"variantid","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"e14dbd64-10c1-438e-b812-a5c9bf52631d"}},{"type":"strong"}]},{"text":": Provide product variantid value for the respective product.","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"e14dbd64-10c1-438e-b812-a5c9bf52631d"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"SKU","type":"text","marks":[{"type":"strong"}]},{"text":": Provide product SKU value for the respective product.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"price","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"e14dbd64-10c1-438e-b812-a5c9bf52631d"}},{"type":"strong"}]},{"text":": Provide price value for the respective product.","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"e14dbd64-10c1-438e-b812-a5c9bf52631d"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"shopurl","type":"text","marks":[{"type":"strong"}]},{"text":": Provide the shop url for your platform.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"storeinfourl","type":"text","marks":[{"type":"strong"}]},{"text":": Provide storeinfo url.","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"e14dbd64-10c1-438e-b812-a5c9bf52631d"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"ipapikey","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"e14dbd64-10c1-438e-b812-a5c9bf52631d"}},{"type":"strong"}]},{"text":": Provide IpApiKey","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"e14dbd64-10c1-438e-b812-a5c9bf52631d"}}]}]}]}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}]},{"type":"paragraph","content":[{"text":"Required attributes","type":"text","marks":[{"type":"strong"}]},{"text":":","type":"text"}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}],"content":[{"text":"quantity, price, storeinfourl, (variantid is required if sku is not provided and vice versa).","type":"text"}]},{"type":"paragraph","content":[{"text":"Optional attributes","type":"text","marks":[{"type":"strong"}]},{"text":":","type":"text"}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}],"content":[{"text":"shopurl.","type":"text"}]},{"type":"paragraph","content":[{"text":"Overridden attribute","type":"text","marks":[{"type":"strong"}]},{"text":":","type":"text"}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}],"content":[{"text":"ipapikey is required, but if not provided it can get overridden with default one.","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"After providing the attributes to the div, it will look like this:","type":"text"}]},{"type":"codeBlock","content":[{"text":"

","type":"text"}]},{"type":"paragraph","content":[{"text":"Once Fenix SDK finds the above snippet, it will prepare the EDD block using the provided values.","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Make sure to update the attribute values given to the above div as user changes variantid, qunatity, etc.","type":"text"},{"type":"hardBreak"},{"text":"Once Fenix finds mutation on above div it will regenerate the edd block based on new attribute values.","type":"text"}]},{"type":"paragraph","content":[{"text":"EDD block will look like below:","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"209f6282-4c0d-480c-b19f-98bc161d8ee5"}},{"type":"strong"}]}]},{"type":"mediaSingle","attrs":{"layout":"center","width":439,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":439,"id":"f65f36dd-7f96-4803-b33b-410e26201adf","collection":"contentId-1693352217","type":"file","height":124}}]},{"type":"paragraph","content":[{"text":"EDD block with bopis look like below:","type":"text","marks":[{"type":"strong"}]}]},{"type":"mediaSingle","attrs":{"layout":"center","width":711,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":711,"id":"1d350419-936c-4330-bd22-b01d20670ddd","collection":"contentId-1693352217","type":"file","height":173}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"When click on Show Details","type":"text","marks":[{"type":"strong"}]}]},{"type":"mediaSingle","attrs":{"layout":"center","width":714,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":714,"id":"9cde162b-c276-4609-bf9d-c325a039761e","collection":"contentId-1693352217","type":"file","height":489}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"This concludes the integration process for the Product Detail Page(PDP).","type":"text"}]},{"type":"paragraph"},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Cart Page","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}],"content":[{"text":"Add the below code snippet to enter an empty div on Cart which Fenix JS will use to inject delivery messages.","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"For a cart with only one item:","type":"text"}]}]}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}],"content":[{"text":"The div will look like this:","type":"text"}]},{"type":"codeBlock","content":[{"text":"

","type":"text"}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}],"content":[{"text":"With actual values:","type":"text"}]},{"type":"codeBlock","content":[{"text":"

","type":"text"}]},{"type":"paragraph"},{"type":"orderedList","attrs":{"order":2},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"For a cart with multiple items:","type":"text"}]}]}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}],"content":[{"text":"The div will look like this:","type":"text"}]},{"type":"codeBlock","content":[{"text":"

","type":"text"}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}],"content":[{"text":"With actual values:","type":"text"}]},{"type":"codeBlock","content":[{"text":"

","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Once Fenix SDK found out above snippet, it will prepare the EDD block using provided values.","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Make sure to update the attribute values given to the above div as user changes variantid, qunatity, etc.","type":"text"}]},{"type":"paragraph","content":[{"text":"Once Fenix finds mutation on above div it will regenerate the edd block based on new attribute values.","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Edd Block will look like below:","type":"text","marks":[{"type":"strong"}]}]},{"type":"mediaSingle","attrs":{"layout":"center","width":514,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":510,"id":"c3c0e734-8fdb-4012-a567-541467ec0222","collection":"contentId-1693352217","type":"file","height":158}}]},{"type":"paragraph","content":[{"text":"This concludes the integration process for the Cart Page.","type":"text"}]}],"version":1}

Browser not supported