Once you have installed the B2B Store Theme, you can customize it according to your store’s business needs. To do so, follow the steps described below.
Do not proceed with these instructions if you haven't installed the B2B Store Theme yet, or the customization will not work.
First of all, you must clone the B2B Store Theme boilerplate repository to your local files by running the following command:
git clone https://github.com/vtex-apps/b2b-newstore-theme
Now you are ready to start working on storefront customizations using the code editor of your preference:
- Open the repository folder in your local files.
- In the
vendorfield to the name of the account you are using.
namefield to one of your choosing.
- Customize the files in your local repository by editing the theme’s blocks to create a storefront that matches your business needs and visual identity. Refer to our Configuring templates and Block templates guides for more information on how Store Framework blocks work.
- Save all changed files locally.
Once you have finished customizing your local files, you need to link them with your development workspace so that it reflects your local changes. Check out our guide if you want to learn more about linking an app.
Before you link your local files with your current workspace, you should run the
vtex whoamicommand to check if you are using the account and development workspace where you want to apply your customizations.
Follow the steps below to link your customized theme with your development workspace.
- Using your terminal, access the customized theme repository folder in your local files.
- Run the
vtex linkcommand to link your local files with the workspace you are logged into.
- Run the
vtex browsecommand to check out your customized storefront.
If you are comfortable with your new storefront and you want to make your changes public in your store’s production workspace, follow the steps described in our guide on Making your new app version publicly available.
Updated 10 months ago