Product Detail Page
Last updated on November 22, 2022
Follow this guide to configure the GrailPay Widget on the Product Detail Page
Enable GrailPay Widget on Product Page
You can show or hide the GrailPay Widget on the Product Detail Page.
Path Selector & Path Position
You can change where to display the GrailPay Widget on the Product Detail Page.
Example: To display the GrailPay Widget after the Price of Product. This example uses Chrome Browser, and you can use any browser in the same way.
Go to any product detail page, to get the Selector. On the product detail page, Right Click on the Price of Product and select Inspect. It will open the Web Inspector Tool of your Browser.
In the Web Inspector Tool, it will automatically focus on product’s price element. Again Right Click on product’s price element, and select Copy XPath or Copy Full XPath.
Paste this XPath or Full XPath into the Path Selector Field in the GrailPay Widget Settings. You can set the position of the GrailPay Widget by select Path Positions.
In the current example, we want to show the GrailPay Widget after the Price of Product. Therefore, we selected Outside After.
Now save the configuration by clicking on Save button. That’s it! The GrailPay Widget is displaying after the Price of Product.
If you need help installing this module, contact support at [email protected]