Install

Visa Acceptance Solutions

for Salesforce B2C Commerce

Download the

Visa Acceptance Solutions

cartridge for

Salesforce

B2C Commerce from the ISV Integration Toolkits section on GitHub.

Set up your workspace.

Create a folder named
Visa Acceptance Solutions
folder in your
Salesforce
workspace and copy the downloaded cartridges (
int_cybs_sfra
and
int_cybs_sfra_base
) to the workspace.
If the project's base path is different from the one available in the
Visa Acceptance Solutions
package.json, open the file
/package.json
and modify the
paths.base
value to point to your
app_storefront_base
cartridge. This path is used by the JS and SCSS build scripts.

Configure IDE (VSCode).

ADDITIONAL INFORMATION

If you use VSCode, install the extension Prophet Debugger and include these lines in

dw.json()

:

ADDITIONAL INFORMATION

{
    "hostname": "your-sandbox-hostname.demandware.net",
    "username": "yourlogin",
    "password": "yourpwd",
    "version": "version_to_upload_to",
    "cartridge": [
        "int_cybs_sfra",
        "int_cybs_sfra_base",
        "app_storefront_base",
        "modules"
    ]
}

ADDITIONAL INFORMATION

If you are using a different IDE, refer to the respective guide to set up your workspace.

Build and Upload Code

Install the node in the

Visa Acceptance Solutions

folder

Install

sgmf-scripts

and

copy-webpack-plugin

with this command:

ADDITIONAL INFORMATION

npm install sgmf-scripts && npm install copy-webpack-plugin

Compile JS and SCSS with this command:

ADDITIONAL INFORMATION

npm run compile:js && npm run compile:scss

Upload the code to the

Salesforce

Commerce Cloud instance:

ADDITIONAL INFORMATION

npm run uploadCartridge

RESULT