Customizing the BigCommerce Mobile Theme (Blueprint)
These instructions apply to stores using the BigCommerce mobile theme for our legacy Blueprint themes themes as opposed to a responsive theme. For more information on responsive themes vs. the BigCommerce mobile theme, and for instructions on enabling the BigCommerce mobile theme, see Using the BigCommerce Mobile Theme.
Downloading the Mobile Template
1. Go to Storefront Design › Design Options, then click the Mobile tab.
2. Make sure Enable Mobile Theme and at least one device under Enable on these Devices are selected.
3. Click Download Template Files. Your mobile theme files will download in a single .zip file.
4. Create a new folder on your desktop and name it BigCommerce Mobile Theme Files.
Customizing the BigCommerce mobile theme requires making changes to the HTML and/or CSS files on your computer using a plain text editor such as Notepad or TextEdit. As always, we recommend saving an unmodified copy of the files you are modifying so that you can revert any unwanted changes.
For a list of sample customizations, see the Themes & Design Overview.
Uploading Your Changes
1. In your control panel, go to Server Settings › File Access (WebDAV), then click Download for the WebDAV client you have installed on your computer. A connection file for that WebDAV client will download to your computer.
2. Open the downloaded file. It will automatically open a connection to your store's server in your WebDAV client.
3. Upload any customized files to the mobile_template directory. Be sure to follow the same template structure as exists in the file you originally downloaded in the Downloading the Mobile Template section earlier. For example, since default.html exists outside of all of the other folders in the download file, it should be uploaded outside of the folders in WebDAV, as well.
If you are uploading a file that is in a folder, such as Panels, then it should be uploaded in that same folder in WebDAV. If the folder does not exist, you must create it.
Don't feel comfortable adjusting your design or want to work with an expert? Check out our BigCommerce Partner Directory or ask your question in the Ask a Design Parnter Group for assistance. Due to our Design Policy, our Techincal Support is unable to edit code or make design changes.