The specified version of the app (0.x.0) does not exist. This page is about the latest stable version, which is 0.5.0.
Configuration
- Install the
scalapay.scalapay-widget
app in the VTEX account in which you are working; - In your VTEX account's admin, open the App section and select the scalapay-widget App box;
- Enable scalapay widget, fill product and cart page settings in the fields;
- Save your changes.
Using the scalapay-widget's Widget component
The scalapay-widget
app also enables Scalapay's widget component to be added to your store theme by adding the scalapay-widget
block in a template of your choosing.
- Using a Developer workspace, open your store's theme directory in your code editor and add the
scalapay-widget
app as a dependency in themanifest.json
file:
_10 "peerDependencies": {_10+ "scalapay.scalapay-widget": "0.x",_10 }
- Add the
scalapay-product-page-widget
block, exported by thescalapay-widget
, in a template and block of your choosing, such as the Product Detail Pagestore-theme\store\blocks\pdp\product.jsonc
;
_10 "flex-layout.col#right-col": {_10 "children": [_10+ "scalapay-product-page-widget"_10 ]_10 }
- Add the
scalapay-cart-page-widget
block, exported by thescalapay-widget
, in a template and block of your choosing, such as the Mini Cart Pagestore-theme\store\blocks\minicart.jsonc
;
_10 "minicart.v2": {_10 "children": [_10+ "scalapay-cart-page-widget"_10 ]_10 }
- Save your changes and link the store theme app;
- Once your changes linked, access the admin's Site Editor using the same Developer workspace (`
- Save your changes;
- Access your store's website using the Developer workspace to check out the new component. If no more changes are desired, repeat the steps above in a Production workspace and then promote it to Master.
Thanks goes to these wonderful people:
This project follows the all-contributors specification. Contributions of any kind are welcome!