How do I know which stylesheet file and line to edit for making CSS adjustments?

To make adjustments to your stylesheets. Use your browser's built in developer tools to inspect the elements you want to style.

  1. Press F12 to open the developer console sidebar in your browser and reload the page.
  2. Right click an element you want to change and select "Inspect Element".
  3. The developer tools sidebar will now show you the current stylings of an element and in which .css file (or .less) and line number it can be found.

    E.g. app.css:123 means line 123 in app.css. The CSS files are located in /includes/templates/*.catalog/css/.

What are 10 things everyone should learn before using LiteCart?

Don't learn the hard way. Learn from us. :)

  1. LiteCart is a self-hosted platform. Running your own website will require some knowledge of web components. But most users come very far with a slightly good understanding.

  2. If being a webmaster is not your area of expertise. Try teaming up with a friend, family member, or colleague that has a better understanding of webmastering projects. Invest your time where you are most efficient.

  3. Set up two installations. One for sandbox experimenting, and the other for production use. You will find a lot of peace in mind by not wrecking a production environment when you start experimenting with things.

  4. Before making changes to your platform, decide if it's a good idea storing your changes as vMod modifications, or if you should adapt to Git revision management. To start hard modifying bunch of core files without a plan will eventually backfire as upgrades could become weeks of work instead of minutes.

  5. Get familiar with the framework and platform components. Having a slightly good understanding of what they are or where to find them can speed you up alot. It can also help you in asking the right questions.

  6. Don't underestimate the importance of keeping your data backed up.

  7. Keep things simple. Your primary mission is to raise income. Focus on launching your platform with all your basic needs. Leave the small but lengthy details, and luxury parts for later milestone.

  8. Invest your time and money in tools that speeds you up and make you more efficient. Avoid creating yourself more administrative work.

  9. Don't reinvent the wheel. If someone else has done the journey, try learning from them.

  10. Always remember, LiteCart is awesome! :)

To learn more see our wiki website.

What is vMod?

vMod™ is virtual modification technology for changing how the platform operates without modifying any actual core files. It makes it possible to upgrade to newer versions without loosing your changes. And it allows you to easily turn modifications on or off with the click of a mouse button.

vMod was initially inspired by vQmod, but it is written entirely from scratch by the founder of LiteCart, T. Almroth. Some of the advantages over vQmod are mentioned in the wiki article How to Create A vMod.

Will I loose all my changes or modifications when I upgrade to a new LiteCart version?

When a newer version of LiteCart is uploaded it will overwrite any changes you have made to core files. Consider making your changes virtually using vMod, or adapt to Git revision management.

An upgrade does NOT remove any vMod modifications. Although some modifications might need to be temporary disabled due to version incompatibility.

Custom templates and any files not conflicting those of the core platform will not be lost.

Wiki Article:
How to prevent losing your changes before upgrade

We rely on cookies to understand how our customers use our website.