An unusual Levity template was created for those who want to be different and stand out from the rest of the mass of standard online stores. Nevertheless, the style of the template is suitable for a store of almost any theme (household appliances, mobile phones, toys, clothing, jewelry, food, tools, etc.). Levity pays great attention to product visualization: changing images when hovering over the product list; slideshow on the floor of the screen with navigation from thumbnails in the quick view of the product; and the highlight of the template is a slider in the detailed description for two, spaced along the sides of the slide and full-screen video. So, if you have something to show about your product, then you can definitely do it in the best possible way.
Due to the fact that the Levity template does not have its own visual styles and completely copies the style of your site (fonts, block colors, buttons, shapes, padding sizes, etc.), this makes it easy to apply it on any site that uses UiKit3 * framework without additional styling modifications. In addition, you can change the number of products and categories in a row from 1 to 6, scaling products to your liking.
* This can be a template for a site from Yootheme studio or a free template Master3, which includes this framework. Or you can install Uikit 3 separately using the installation guide found in the documentation section of the YOOtheme website. Also, you can buy a ready-made website (online store), which includes this template, Master 3 template for Joomla! and all the necessary modules that allow you to instantly launch your online store at no additional cost.
The store template automatically adjusts to any screen size and rearranges blocks of information for comfortable reading and interaction with interactive elements, both on desktop and mobile devices.
Images of products in the product list visually have the same size, regardless of their actual size and aspect ratio. Product photos with the wrong aspect ratio are centered and partially reflected. Small pictures are stretched, large ones are compressed (without distortion).
Products in a category have a button for quick viewing in a modal window of a brief description, all product images in a slideshow on the floor of the screen and characteristics. Don't worry about the amount of data loaded and page load speed. All product images are loaded only after they enter the viewing area or display in a slideshow.
In the template settings, the product name display has 3 options: overlay on hover, tooltip, or not displayed at all (for some product groups, the name does not carry any useful information, and the detailed product photo is crucial). Overlay mode displays Buy and More buttons, which you can optionally hide in the Levity template settings (Components & gt; JoomShopping & gt; Options & gt; Add-ons- Configuration).
The template supports JoomShopping setting "Number of products in a row" and "Number of categories in a row". Values from 1 to 6 are supported. When you resize the viewport on the screen, the number of items in a row changes automatically, proportionally to the reduction in the viewport size.
On large screens, the buy block is centered between the images. On medium screens, the images are collapsed and the buy block is displayed below them. For mobile devices, the slider displays one image to fill the entire screen.
The background color for the purchase block is configured in the Levity template parameters. On the demo site, it is gray. But if your images have a different background color, you can easily adjust the template to the style of the site without having to edit the original move.
Related products (added in the parameters of each product) have the same look as the products in the list of category products, but they are placed in a slider that is adaptive to the screen size. A quick view is also available for the list of related products.
The template uses the built-in capabilities of the Uikit3 framework and supports lazy loading of images (until they reach the viewport on the screen or display when viewing a slideshow). All images of products and categories that are displayed in the template have a delayed loading to speed up page loading. You should take care of using this functionality to display images inserted into the description of categories and products yourself, using the documentation for Uikit3.
Given the importance of traffic volume on smartphones with mobile Internet, and in order to reduce the amount of downloaded information, the template checks the visitor's device. Mobile in the category and in the product the middle image is displayed (which can be enlarged by the link), for desktops and laptops the full photo of the product is displayed.
Much attention was also paid to the reflection of the price of the product. mania. Since the store functions allow displaying prices in several versions, the template implements two ways to display prices by condition.
Price for a product without wholesale prices (discounts from quantity).
Product with wholesale prices.
In the first case, the price is displayed in the standard version - one value of the price of the product and the field for entering the quantity of the product can be hidden in the template settings.
In the second case, a field for entering the quantity is displayed (with + / - buttons). Wholesale prices are arranged in lowercase and displayed in reverse order, first the lowest price, and then in ascending order (for a smaller quantity of goods). This allows the buyer to focus on a more interesting price offer for him. The price for the customer based on the selected quantity is displayed above the buy button.
For posting feedback, styles from the comment component are used, which are configured in the Builder YooTheme Pro. For withdrawal, the client's avatar will be displayed if he is registered on the Gravatar website and leaves in the comment the same email address as for the Gravatar account.
The template uses own images of rating stars, in scalable vector graphics format. This makes them as crisp as possible at any screen resolution, on any device, and at the same time they have the smallest file size.
The category template automatically creates a full-width banner with the category title and brief description. The category image is used for the banner. (We recommend uploading large images for categories. In the category list, they will be scaled without degradation, and the category section will have a clear image across the entire screen width.)
The number of subcategories in the row inherits the store settings. You can create tiles with up to six images per row. Or make categories in the form of banners on the full width of the screen, which also looks quite unusual and stylish.
The template includes micro-markup for additional SEO. It allows the crawler to understand what is on the page and how to display it in search results. Rating stars, price, availability, product image and everything you need is displayed in the search snippet thanks to the presence of micro-markup on the page.
For a short description of the page (meta description), “Buy + [product name] + [min. price] + [main currency] ".
The above methods allow you to ensure and / or accelerate the withdrawal of your store's products to the TOP, without resorting to ordering (rather expensive) services from specialists in website promotion. Proper template markup will allow you to offset the initial SEO costs and focus on creating correct and informative product descriptions.
The shopping cart in the Techno template for JoomShopping is also responsive, so the buyer can view its contents in a convenient way, both from a computer and from a mobile device.
One of the main problems of online stores is abandoned carts and unfinished orders. This happens for many reasons, and mostly these are flaws in the interface of the order page, which make the purchase through the shopping cart inconvenient, too complicated or questionable. The template implements a friendly approach to the client at all stages of ordering. Each step of the order has clear and easy-to-follow directions that guide the visitor to complete the online purchase. However, we recommend that you reduce the number of registration fields and the number of steps to a minimum.
If you need professional help to install a template on your site, we will be happy to provide you with it.
No reviews yet. Be the first to leave it.
Write a comment for this product!
Levity UK3 template for JoomShopping
Created on the basis of the free UIKIT 3 framework. The framework is not included in the template and is installed on the site separately from the template.