SM Market has just been updated with NEW FRAMEWORK - more flexible and easier to modify:
- New framework was built, edited and updated with new features to solve all remaining issues in old framework.
- All LESS files were re-arranged to make it easier for modification as well as more convenient for using RTL and Responsiveness
- Code of theme was built by the core <agento platform, minimizing over-riding core template to avoid unexpected issues when upgrading Magento version or installing the third-party extensions.
- Fix all issues when customers install the third-party extension: non-displaying, issues of style due to the change of CLASS in old framework
- Remove Compile Less feature (translate less in front-end), write less and translate less by Magento standard
- Create CSS file by store including all configurations when saving configuration in admin (In old framework, this task is always carried out repeated in every pages that makes website's speed is slower partially)
- All parts in homepages are synchronized. It means that users can move any parts of one homepages to anothers without affecting style (in old framework, this task is impossible)
- Designs of desktop and mobile are changed for more beautiful
- Use Icomoon instead Awesome Font (Can add or remove any icons including awesome font)
In details, let's spare some time to view the following table to compare the old and the new version:
| Functions | Description | Old Framework | New Framework |
|---|---|---|---|
| Theme Core(*) | Include all main configurations | N/A | YES Include all theme configuration. Core Theme is used for all portfolios and have the same functions Convinient for updating and fixing bugs When core theme has been fixed or updated, users only have to copy and paste on remaining themes, no need to edit every theme |
| Theme Color | All Configurations about theme colors | YES But having limitation that users can not change text color in default layout |
YES Having more options that users can change text color, link color when hovering in default layout |
| Google Font(*) | Configuration about Google Fonts | YES But having limited number of available added Google Fonts. Users can only choose available added Google Fonts and can not configure style of Font such as font-weight: 400 500 600 900 There is no option for configuring font-weight, it will be hard fixed in code. |
YES Flexible configuration, no limitation of the number of Google Fonts. Users can use any Font in Google Font Site Having font-weight configuration for site. |
| Mobile Layout(Responsive)(*) | Configuration for responsiveness of header | NO Need to code and depend on each header of desktop design. The interface of header after done is not beautiful. Difficult for modification |
YES Users can configure header mobile their way in evey different resolution to have the same header style Easy to make responsive for header >> easy to use header on mobile layout Users can use different logo for Mobile Layout Easy for midification |
| Theme Layout(*) | Configure theme layout: max-width, header style, footer style, product style | YES But no flexile and synchronized in all pages (homepages and inside pages with different width) Limited layout width. Full width is not clear, need to filled pixel |
YES Fixing all remaining issues in old framework. Can be configured by pixel or percent. Set full width with only 90% or any value. Synchronized width in all pages (homepage and inside pages) |
| Product Listing(*) | Configuration about categories | YES But have limitation of configuring displayment with resolution up to 1200px |
YES Can be configured with resolution up to 1920px width or more than 1920px height |
| Product Detail | Configuration about product page | YES But having the fixed number of items in a row with different resolution >> the image of product may be cracked when displayed in larger resolution |
YES Added configuration of related slider and upsell No limitation of the number of items in the same row with different resolution |
| Advanced - Product | YES But can only be displayed with text "sale" |
YES Add function of displaying discount (% sale) |
