Pixer Documentation
WelcomeTech We Have UsedGetting Started
Available Scripts & Command
How Can I use this app
Demo Deploy
Features
Settings
Payment
SEO and Analytics
API
Shop Transfer
WalletEmail Configuration
Multilingual & Translation
FAQ PageContactTerms and conditions
Third-party Integrations
Deployment
Back-End Integration
Customizations
CustomizationStyles and AssetsCSS styles:Icons:For Adding a custom Icon:UtilitiesNew Page
Update & Upgrade Guide
FAQSupportChange Log

CSS styles:

[your-frontend-project] = admin or shop

We use tailwindcss framework with some customization which you find at :

open [your-frontend-project]/tailwind.config.js

For tailwindcss documentation:

Go to Tailwindcss

Icons:

for our icons

open [your-frontend-project]/src/components/icons

For Adding a custom Icon:

To add a custom icon please follow this procedure.

  1. Open your custom SVG icon file in the code editor and copy all the code.
  2. Then Go to src -> components -> icons folder and create a new .tsx file.
  3. Then here create a function component and paste your copied SVG code inside the return statement.
  4. Then covert all the SVG's kebab-cases properties into camelCase format except the data-name property. For ex. change the stroke-width and fill-color into strokeWidth and fillColor. (for reffernce you can see one of our icon. )
  5. If your custom SVG code has any single custom color then change them into fillColor.