Knowledge Required for Theme Development

Developing a SucShop theme only needs simple IT skills. You just need a basic understanding of:

l  HTML: Used to show headings, paragraphs, images, links, tables, etc. Spend 10 minutes checking W3C’s HTML tutorial.

l  CSS: Used to style HTML elements (font color, size, line spacing, alignment, etc.). Spend 10 minutes checking W3C’s CSS tutorial.

l  JavaScript: Handles interactions and dynamic effects (e.g., popping up a box when clicking a button). Check a simple tutorial to learn the basics.

l  Bootstrap: A frontend framework from Twitter. It has ready-made styles and components (buttons, tables, navigation bars, pop-ups, etc.). You can build beautiful webpages quickly without writing CSS from scratch. Learn the basics with a Bootstrap tutorial.

l  Smarty Template: Lets you add PHP variables directly to HTML pages to show data. In SucShop, {$variableName} is a Smarty variable—it shows data from PHP on the page. Check the Smarty tutorial.

We recommend using a local IDE (WebStorm/PHPStorm/VS Code) for theme development—it’s more efficient.