App Builder - User Guide

  1. Home
  2. Docs
  3. App Builder – User Guide
  4. Templates
  5. E-com Vendor

E-com Vendor

Required and Optional Plugins

To ensure the “E-com Vendor” template works seamlessly and offers full functionality, you’ll need to install the following plugins:

Required Plugins:

  1. App Builder
    This is the core plugin needed to build and customize your mobile app using Cirilla. It provides all the necessary tools for designing and configuring your app.
  2. Vendor Plugins
    Depending on your e-commerce setup, you may need a vendor plugin to support multi-vendor functionality. Here are some vendor plugins we support:
    • Dokan
    • WCFM Marketplace
    • WC Vendors
    • YITH WooCommerce Multi-Vendor
    Make sure to install and activate any of these vendor plugins to fully integrate vendor-specific features into your app.

Optional Plugins:

  1. Multilanguage Plugin
    If you want to make your app multilingual, we recommend installing a multilanguage plugin like:
    • WPML
    • Polylang
    These plugins will allow you to translate your app into multiple languages, making it accessible to a wider audience.

Other Integrations

To explore more integrations and advanced features that can enhance your app, you can check out our detailed documentation. Whether you’re looking to integrate with payment gateways, analytics, or other third-party services, you’ll find comprehensive guides and setup instructions in our docs.

For more integrations, visit:
https://appcheap.io/docs/cirilla-developers-docs/integrations/

Set Up the “E-com Vendor” Template

  1. Log into WordPress Admin Dashboard
    Access your WordPress dashboard using your admin credentials.
  2. Navigate to App Builder
    In the WordPress sidebar, find and click on App Builder.
  3. Locate the “E-com Vendor” Template
    Within the App Builder section, scroll through the available templates until you find “E-com Vendor”.
  4. Import the Template
    Once you’ve found the “E-com Vendor” template, click on the Import button.
    The template will be automatically imported and ready for customization.
  5. Customize Your Fashion App
    After importing, you can customize the color scheme, fonts, and other design elements to match your brand’s style.

Set Up Custom Font Icons

  • Download file icon
    Download vendor_icons.zip and unzip it.
  • Add icon to app
    Copy unzipped folder to packages/ in app
  • Import package to app
    Add this code snippets in file pubspec.yaml of app and run flutter pub get
vendor_icons:
	path: ./packages/vendor_icons
  • Go file lib/widgets/cirilla_icon_builder.dart and add this code snippets:
import 'package:vendor_icons/vendor.dart';
case 'vendor':
	return VendorIconsMap[name];

If you want test your store, you must setting App builder

  1. Log into WordPress Admin Dashboard
    Access your WordPress dashboard using your admin credentials.
  2. Navigate to App Builder Settings
    In the WordPress sidebar, go to App Builder and then click on Settings.
  3. Open the Features Tab
    In the App Builder settings, switch to the Features tab.
  4. Click on Custom Icons
    Within the Features tab, find and click on Custom Icons.
  5. Add fonts settings add Save it
https://cdn.rnlab.io/fonts/linhphamrn/gqTjKPSxlCvLPxrEFOGY/vendor.css?v=1727844726630
https://cdn.rnlab.io/fonts/linhphamrn/gqTjKPSxlCvLPxrEFOGY/font.json?v=1727844726630

For more information, visit: Custom icons

Was this article helpful to you? Yes No

How can we help?