Steps to Design a Theme

2025-11-08 13:24:33

  1. Create a theme folder in the "themes" folder. It is recommended to copy the default "sucshop" theme and rename it.
  2. Create a theme.ini file with the following information.
  3.  Add the necessary theme files (see the following sections for details).
  4. It is recommended to refer to the folder structure of the default "sucshop" theme to establish the structure of your custom theme.
  5. Based on the Smarty theme variables provided by SucShop, use HTML/CSS/Smarty template syntax to display the variables in the corresponding TPL template files.
  6. Activate your theme in backend (Appearance→Themes page)

 

Sample data of theme.ini

; Theme metadata for EasyShop
name = "Simple"
slug = "simple"
version = "1.0.0"
description = "A clean, blog-style theme featuring integrated shop functionality."
author = "SucShop team"
author_uri = "https://sucshop.word-x.com/post/81.html"
php_version = ">=7.4"
sucshop_version = ">=1.0.0"

Copy above content to the theme.ini file under your theme folder.