Frame - fast responsive template for OpenCart 3

About the template Frame

The Frame system is a modern, powerful, fast adaptive template for OpenCart 3.x, built on the Bootstrap 4.x framework, which includes a set of additional modules, settings and software solutions that expand the basic functionality of the engine and are necessary for the full operation of a modern online store. 

The template has thoughtful usability and an intuitive interface, which directly determine the high conversion rate of the online store. A clean and neat code will greatly simplify the task of a developer or store owner who decides to modify the template in accordance with individual requirements.

The Frame system can be effectively used both as an independent template and as a basis for creatingunique design of your online store. 

Template demo

• Home
• Catalog__B BCODE_15__
• [url=https://demo.frame.xds.by/elektronika/telefony-i-smart-chasy/smartfony/iphone-14-yellow/?from=liveopencart]Product
• Article in blog
• Admika: __BBCODE _34__demo[/color]|demo

Please note! The demo site contains several popular modules from third-party authorsnot included in the template, but their adaptation files are already integrated into the template itself. These modules, if you require them, must be purchased separately from their authors (take into account the versions of the modules to avoid inconsistencies). All other functionality and modules presented in the demo are included in the template out of the box. These are the modules:

• Simple registration and ordering Simple 4.10.4
• Product filter module OCFilter 4.7.5
• HYPER Dynamic price of options 4.1.13

Focus on mobile devices

According to a study of the development of retail trade in Russia conducted in 2023 by Yandex, the share of purchases from smartphones and tablets continues to grow andhas already exceeded 67%. Ignoring the interests of mobile buyers means losing a significant and rapidly growing market share. Unfortunately, in most modern templates for opencart, the “mobile version” is implemented somehow, according to the “if only it was” principle. It is very inconvenient to buy from mobile devices in stores implemented on such templates, which pushes customers to leave for competitors.

The Frame system was created with an eye to convenient use on phones and tablets. The template implements a whole range of solutions that allows you to present your online storefront to your customers in the most favorable light. Among them: a convenient product grid, clear images for devices with high pixel density, a convenient category menu, modal cart windows, quick browsing andorders, which can be closed with the “back” button in the browser, a convenient contact menu in the site header, high performance of the template, etc. At the same time, the interface for desktop computers and laptops is also very convenient and intuitive for almost any user.

Additional functionality

The template has many settings that allow you to flexibly customize the system in accordance with the individual needs of your business, but it is not overloaded with a bunch of useless or insignificant options and modules that rather hinder the effective and quick launch of a store than help it.

Among other things, the template implements:

• powerful color scheme editor
  
• micro markup inproduct card
  
• custom callback order form
  
• module for quick ordering of goods
  
• module for quick product viewing
  
• functional cart in a separate modal window
  
• customizable contacts in the site header
  
• two additional menus in the site header
  
• customizable category menu with “Amazon menu” function
  
• interactive map in the footer of the site
  
• ajax loading of goods in the "Show more" catalog
  
• Product carousel module with flexible settings
  
• flexibly customizable "live" search 
• modal windows adapted for working with mobile devices
  
• stickers for previewing products in the catalog
  
• flexible color scheme management
  
• many other functions
  

At the time of writing this text, the template has more than a hundred additional functions that expand the standard functionality of the engine, and their number is growing with each update. Therefore, it makes no sense to list them all here. You can learn more about the template's capabilities in the admin panel of the demo site.

Template performance

Measuring page loading speed on the main demo is impractical for several reasons:

• On this demo siteVarious types of technical work are regularly carried out, information and images are updated, which I do not always have the opportunity to optimize.
• The template has additional. functionality that requires the connection of external resources, such as web fonts, API maps, etc. I cannot influence their speed, no matter how much I would like to, but I need to show their capabilities.
• On the main demo site, various kinds of analysts are connected, which also require the connection of external resources to control conversion and analyze visitor behavior.
• On This demo site, among other things, installs modules from third-party developers to demonstrate how they work together with the template. The speed of these modules is out of controltemplate.

The above factors consume a significant share of resources and do not make it possible to show the real speed of the template.
In order to exclude all of the above factors and demonstrate the real speed of the template, a separate additional demo site was created, on which a clean engine and a clean template were installed, identical to what each buyer receives. On this demo site the functionality requiring loading of external resources was disabled, caching of static resources in the client's browser was enabled on the server, as recommended by the PageSpeed service, and product images were optimized using a free utility FileOptimizer. The results that I managed to get: 

• For computers 100 out of 100
• For mobile devices 99 out 100

The page loading speed is significantly influenced by such factors as the response time of the server on which the site is located. Because I use inexpensive shared hosting for my needs, response times can sometimes fluctuate and affect test results, so measurement results at different times can fluctuate within a few points.

Code validity

Frame is completely valid. This means that the html code of the template is written in full accordance with the standards,developed by World Wide Web Consortium (W3C). Compliance with the rules prescribed by this standard guarantees the correct display of the created page in all popular browsers, as well as the absence of errors that affect the loading speed and other parameters of the site.

As in the case of speed checking, it is better to check the validity of the code on additional demo site, because there, unlike the main demo, there are no modules installed from third-party authors that could affect the “purity of the experiment.” To check the validity of the code on the official W3C website there is an online checker located on the official website of the organization.
 
System requirements

Your hosting should haveIonCube Loader version no lower than 4.4 with PHP 7.1-7.4 is installed. The vast majority of modern hosting services do not have problems with this, but, just in case, check this information with your hoster before purchasing. Otherwise, the system requirements of the template are identical to those of Opencart.
 
License and terms of use

The template is implemented according to the principle: “one license = one domain + one test domain.” Transferring template files to third parties (except for persons involved in the creation and administration of a licensed site), or using it on sites not specified in the license entry is a violation of the license. The author reserves the right to cancel the license if the buyer violates the conditions set out in this text. 
 Technical support

Technical support is available to template buyers free of charge, but is provided voluntarily and is not the responsibility of the author. The author reserves the right to refuse technical support in case of inappropriate or boorish behavior on the part of the applicant. A prerequisite for receiving technical support is compliance with the system requirements of the template and the OpenСart system. Technical support is available only to users on the list of template buyers or their representatives, without exception! When requesting support, please indicate the engine version, template version, and attach a link to the problematic page.
 
Purchase conditions

The subject of the transaction is the template in the form in which it existsat the time of purchase. All subsequent updates are available to customers free of charge, but are only an addition to the purchase and not an integral part of it. The template, like any other digital goods, cannot be returned or exchanged. Therefore, carefully study the characteristics and features of the template to ensure it meets your requirements before purchasing it. By purchasing a template from any of the official sources, you agree to all of the above.

1.7.4
- fixes and improvements

1.5.2
- fixed ogImage error in the product card

1.5.1
- autocomplete function returned
- category wall 2 display modes to choose from
- added the ability to display additional fields for products in the catalog
- 2 modes for displaying contacts in the site header for devices with small screens
- other fixes and improvements

1.5.0
- added "catalog" mode
- added the ability to disable the popup cart when adding a product from the list
- other minor fixes and improvements

1.4.9
- fixed a bug causing a notice to appear in the settings of the modules accompanying the template

1.4.8
- added search by tags in "live search"
- added the ability to enable or disable lazy loading of images
- fixed several identified bugs
-other minor fixes and improvements

1.4.7
- the scheme designer has been significantly improved - the ability to disable version display in scripts and styles has been added - the ability to disable preloading of scripts and styles has been added
- other fixes and improvements

1.4.6
- the template header has been modernized for more convenient use on mobile devices
- other minor fixes and improvements

1.4.5
- added the ability to set the rounding radius of blocks from the admin panel
- added the ability to disable additional breakpoint for large monitors
- other minor fixes and improvements

1.4.4
- added simple v4.10.4 module adaptation files (full integration with support for all module settings)
- added a "large grid" mode for viewing products in the catalog
-added the ability to set the "default" display mode for products in the catalog
- lazy loading of images in the catalog (positively affects the loading speed of catalog pages)
- other minor fixes and improvements

1.4.3
- bug fixes, minor improvements

1.4.2
- stickers in quick view 
- complete code refactoring and minor changes in all complete modules
- added color scheme editor with full control over all colors in the template
- added breakpoint for widescreen monitors (> 1400px)
- other fixes and improvements

1.4.1
- updated jquery and bootstrap
- significantly increased the speed and performance of the template
- refusal to support ie due to its obsolescence
- complete refactoring of the template code
- other fixes andimprovements

1.3.6
- added the "category wall" module
- added the ability to add a map to the footer not only via API but also as code
- added a mod to support images in WebP format (see FAQ)
- minor fixes and improvements

1.3.5
- added the ability to display the availability status on catalog pages in the product preview
- added the ability to select product options when adding to cart from the catalog and other pages (in the popup window)
- added the ability to include an additional tab with information for products
- added the ability to display additional fields (sku, jan, ean, etc.) for products if they are not used as stickers
- micro-marking of the product card has been added
- added micro markup for the blog article and some entities on other pages of the template 
- added the ability to display a link to the call back form instead of a text prompt under the phone number in the site header
- displaying reviews on the product page without ajax with micro markup
- replaced the carousel plugin in all modules and on all pages of the template
- minor fixes and improvements

1.3.4
- the design of the "latest reviews" module has been changed
- changed separator for short product descriptions
- added the ability to separate descriptions of categories and manufacturers into 2 parts (before and after the product block) for more flexible SEO optimization of pages
- minor fixes and improvements

1.3.3
- added module "news carousel" (ocStore)
- added functionality for displaying categories and subcategories on blog pages (ocStore)
- added "show more" button with ajaxloading articles for the blog (ocStore)
- added the ability to enable and disable clear images for devices with high pixel density
- it became possible to add short descriptions to products with html support
- minor fixes and improvements

1.3.2
- added a module for displaying the latest or random reviews
- added support for the ocStore blog as well as all related modules
- a large package of fixes and improvements

1.3.0
- updated Bootstrap to version 4.2.1 and jQuery to version 3.3.1
- added micro markup to the product card
- added the ability to turn on and off the display of quantity selection buttons in a quick order
- minor fixes and improvements

1.2.9
- improved template performance
- minor fixes and improvements

1.2.5
- added adaptation of the Ocfilter module- added a quick order button in the quick view window
- minor fixes and improvements

1.2.4
- added the ability to use Yandex cards in the footer
- minor fixes and improvements

1.2.3
- added the ability to enable the display of images of child categories in the catalog
- added a button to return to the top of the page
- added the ability to connect the icon font font awesome from the admin panel (this font was missing in earlier versions of the template)
- added the ability to use svg or html logo
- added the ability to change the limit of displayed brief characteristics in the product card
- and other minor fixes and improvements

1.2.1
- added "live" search module
- minor improvements

1.1.4
- minor fixes and improvements

1.1.3
- minor fixes andimprovements

1.1.2
- template functionality expanded
- added custom page preloader
- added the ability to use custom css in the template settings
- added the ability to use vector icons in the category list
- added the ability to disable the "buy" button and display arbitrary text on it if the product is out of stock
- other minor fixes and improvements

Write a review

Your Name:


Your Review: Note: HTML is not translated!

Rating: Bad           Good

Enter the code in the box below:

Файлы будут доступны после покупки