This is the developer version of Fluid - the default theme for the MyCashflow ecommerce platform.
Fluid is designed to be an easily customizable framework for web designers working with MyCashflow themes. It contains many developer features that make it simple to customize the default appearance and features of MyCashflow stores.
You can use Fluid completely free of charge.
There is also a separate merchant version of Fluid, on which the default, WYSIWYG-customizable MyCashflow system themes are based. These themes are always available on the MyCashflow admin panel's Appearance > Themes page.
Note: the system themes available by default in MyCashflow stores cannot be downloaded for customization.
- Download the theme's ZIP file here or clone the repository.
- Install the theme in your store (create a development version if necessary).
- Make the necessary changes to the theme.
- Recommended: Use
mycashflow-syncto synchronize the theme files with your store's file directory.
The WYSIWYG-customizability of MyCashflow themes is achieved with custom theme settings.
Theme settings enable you, the designer, to provide the merchant with graphical tools to change various aspects of the theme in the MyCashflow theme editor. For example, you could create a setting that enables the merchant to change the title font.
You can see examples of this by fiddling with the default, Fluid-based system themes using the store's theme editor.
The developer version of Fluid doesn't contain as many customizable theme settings as the merchant version. However, you can freely create your own settings and make them available in the store's theme editor.
You can find a few practical examples of theme settings in the theme's theme.xml file. Custom settings are defined in the </ThemeSettings> element.
Fluid's styles are implemented using standard CSS. You can find the theme's stylesheets in the styles/ folder.
Fluid makes extensive use of CSS variables to unify various stylistic elements across the entire theme – fonts and colors, for example.
You can find many of Fluid's CSS variables in the theme's common/variables.css file, but there are other variables spread across the rest of the stylesheets as well.
If you need to add your own CSS files to the theme, you can do so in the helpers/styles.html file.
Fluid contains many JavaScript plugins that help you implement various AJAX features in the store, for example. You can find these in the theme's scripts/plugins folder.
The store's common plugins are initialized in the scripts/custom.js file.
Plugins specific to the checkout and product page are initialized in the scripts/checkout.js and scripts/product.js files.
By default all of Fluid's plugins are enabled.
Many of the plugins have different settings that help you to fine-tune the features they enable (such as changing the banner carousel timing, for instance). For more information on the plugins and their settings, see the plugin files (further documentation coming soon).
If you decide to develop your own plugins, we recommend that you follow the coding conventions of Fluid's plugins and initialize them along with the rest in scripts/custom.js.
For community support on using Fluid, you can request to join the MyCashflow Partners Slack channel. Contact MyCashflow customer support if you wish to access the channel.
You can also contact MyCashflow customer support if you have questions about using the theme.