Developing workflow - simple

There are a number of different workflows you can use when developing and customising websites on the Maropost Commerce Cloud platform. This is a simple workflow which takes you through the step-by-step process that you'll need to get started.

Requirements

Before you get started, this simple workflow requires the following:

FTP Access

You will need FTP access to be able to edit the template files for your website. Find out how to get FTP access here.

Code Editor

  • For OSX/Linux users, we recommend Atom
  • For Windows users, we recommend VS code

FTP Client

  • For OSX/Linux users, we recommend Transmit
  • For Windows users, we recommend Filezilla

With that being said, you're not restricted to any particular software suites when working with the Maropost Commerce Cloud Platform.


Start A New Project

Once you have all of the above requirements in place, you can begin setup.

Step 1. Install Skeletal Theme

All custom themes should be built from our base template, Skeletal. In order to install the latest version of Skeletal, complete the following steps:

  1. From the Maropost Commerce Cloud dashboard, navigate to Webstore > Theme editor.

  1. Hover over Skeletal theme and click the Install button.

    If Skeletal is already installed, you'll need to click the arrow next to "Edit Styles" and click the Reinstall button. This is to ensure you're building on a fresh copy of Skeletal.

Step 2. Set up your FTP client

  1. As mentioned above, you will need FTP access in order to safely edit the files using a code editor. If you don't already have an FTP account for your website, you can request one here.

Providing you do have access, you simply need to setup a new account in Transmit, Filezilla, or your preferred FTP application, and connect:

  • Protocol: SFTP
  • Server: sftp.neto.net.au
  • Username: myusername
  • Password: ***

  1. Once connected, navigate to your site's filesystem to the template you want to edit.

    For example, if you're starting from the header template, you'll navigate to /httpdocs/assets/themes/skeletal/templates/headers/template.html If you're wanting to edit the styles, the stylesheets are located in this folder: /httpdocs/assets/themes/skeletal/css

  2. In your FTP client, right-click on the file you want to edit and open with your chosen code editor. You can now make the necessary code changes and save the file. If you're using transmit, it will have automatically uploaded. Otherwise, you may need to manually upload the file in your chosen FTP application.

  3. In order to see the changes, you may need to refresh your website's cache. This can be done from any page in the control panel, by clicking the 'Refresh caches' link.

Was this article useful?

Be notified when this page is updated. Optional.