Ultimo - Fluid Responsive Magento Theme

Ultimo - Fluid Responsive Magento Theme

Ultimo best-selling responsive Magento theme

Ultimo is a premium Magento theme with advanced admin module. It’s extremely customizable, easy to use and fully responsive. Suitable for every type of store, optimized for SEO. Great as a starting point for your custom projects.

Compatible with Magento:
1.6.0.0, 1.6.1.0, 1.6.2.0, 1.7.0.0, 1.7.0.1, 1.7.0.2, 1.8.0.0, 1.8.1.0, 1.9.0.0, 1.9.0.1, 1.9.1.0, 1.9.1.1, 1.9.2.0, 1.9.2.1, 1.9.2.2, 1.9.2.3, 1.9.2.4

Magento 2.0: will be supported. Work in progress.


Theme features




Customizable design

You can change visual appearance of almost every element of this Magento theme.

No coding needed, all can be edited directly in admin panel. Select colors of dozens of elements using color pickers, set hundreds of options, apply textures for header, footer and for the entire page, upload background image and configure its properties (position, repeating, attachment), change font and font-size, and many many more…



Customizable design





Custom background images and patterns




Customizable responsive layout

Ultimo supports wide screens. In the admin panel you can select the maximum width of the page (from 1024 to 1680 pixels) or even specify your custom non-standard width.

Fluid width

Ultimo is optimized for all screen resolutions. If you resize web browser window, theme elements will be transformed smoothly on each breakpoint (from 240 to 1680 pixels) in order to adapt to the current screen size. Width of the page is fluid – theme uses 100% of available space (below specified maximum width) to display content [demo3]. But you can also disable fluid width – in that case page width will change on breakpoints and will not take entire available space.



Fluid responsive layout
Fluid grid system

Fluid grid system

Ultimo can be displayed on any screen.
It is based on fluid grid system (12-column)
so it always uses entire available space
of the screen to display content.
You can use the grid system to
build custom content.






Home page


Home page sections

Home page sections

Areas for custom content:

  1. Customizable slideshow
  2. Additional banners for slideshow
    (left or right side)
  3. “Preface”, block for custom content
    above the columns
  4. Left column, contains 3 custom blocks
  5. Main content area for any custom content,
    such as product sliders, banners etc.
  6. Right column, contains 3 custom CMS blocks
  7. “Postscript”, another block for custom content
    below the columns


You can choose the layout of the home page: one, two or three columns. Display custom content in multiple sidebar blocks. Enable/disable Magento’s default sidebar blocks.

Home page




Customizable product page

Clean and readable product page – your customers can easily find all important information.

Configurable width of the main columns, prominent brand logo (with link to other products), product image (customizable size) with Cloud Zoom and lightbox, tabs smoothly turning into accordion on narrow screens, additional custom tabs and CMS blocks, sliders for related and up-sell products, social bookmarks, customizable product options… In short – adjust product page to suit your needs.






Customizable product grid view

Customize the display of products grid in category view. Set one of these options
1) hide, 2) show 3) show only on mouse hover – for the following elements: “Add to cart” button, ratings (stars), “Add to wishlist” and “Add to compare” links.


Customizable product grid with hover effect

Show or hide elements

Show/Hide/Show on mouse hover

Each of the following elements can be displayed
on mouse hover or completely removed:

  1. “Add to wishlist” and “Add to compare” links
  2. Product name
  3. Ratings (stars) and number of reviews
  4. Price
  5. “Add to cart” button

Additional grid options

Additional options


Fluid, auto-adapting product grid

Set custom number of columns (products in a row): 2, 3, 4, 5, 6 or 7 for default screen resolution.
On wider (or narrower) screens the number of columns will automatically adapt to the current resolution (it will also adapt itself whenever the size of the web browser window is changed). For example, on wide screens the number of columns will be automatically increased to show more products in a row.


Fluid product grid




Mobile friendly mega menu

Switch between 2 styles of the drop-down menu: wide [demo] or classic [demo]. In wide menu you can display links in 4-8 columns. You can also display your custom content in a drop-down block. Colors are fully customizable.

Wide menu, classic drop-down menu





Info for developers

1. Create custom sub-themes

Unlike many other themes, Ultimo lets you create your custom sub-themes (theme variants). You can create season-specific designs to change the look of your store for holidays, Christmas etc.

That’s very useful and very easy because Ultimo is independent from Magento’s “default” theme – it’s a separate design package (not a variant of Magento’s “default” theme). The most important advantages:

  • custom sub-themes are upgrade-proof
  • less code to maintain
  • selected functionality can be shared between many themes

2. Starting point for custom project

Ultimo can serve as a great foundation to implement individual designs for your clients.

3. No Magento core files were modified

All layout modifications are stored in local.xml so all of the original layout files are kept intact.




Key features

DESIGN

  • Customizable design - change the visual appearance of almost every element
  • Unlimited colors – change colors of dozens of elements, apply textures, upload custom background images
  • Google Fonts – integration with Google Fonts
  • Custom font stack – ability to select standard web-safe fonts (e.g. Arial, Verdana) or define custom font stack (e.g.: Arial, “Helvetica Neue”, Helvetica, sans-serif)


LAYOUT

  • Responsive [on/off] – responsive layout can be disabled if you prefer non-responsive websites
  • Customizable responsive layout – select maximum width of the page (from 1024 to 1680 pixels) or specify your custom width
  • 12-column fluid grid system – easy to use grid system will help you build content of your custom pages
  • Fluid page width – if fluid width is enabled, theme will always use entire available space of the screen to display content. It can adapt to any screen resolution. If disabled, page width will only be changed on predefined breakpoints (from 240 to 1680 pixels).


MEGA MENU

  • 2 menu styles - enable mega drop-downs with rich content or simple classic drop-downs – individually for each category
  • Multi-level – multi-level mega drop-downs
  • Multiple custom content blocks – add any content (images, text, HTML) inside drop-down menus for any category
  • Custom blocks in mobile menu – custom content can be displayed in the mobile menu
  • Customizable size – edit height of the menu bar, adjust width and number of columns inside drop-down menus
  • Accordion (mobile menu) – on mobile devices the menu turns into a collapsible accordion. Set the value of the web browser wievport width below which the menu turns into accordion
  • Category labels – eye-catching labels for categories (customizable colors ant text)
  • Custom links – display custom links in the main menu bar and use it as a menu for CMS pages (categories can be completely removed from the menu, if needed)
  • Fully customizable colors


SIDEBAR MENU

  • Sidebar menu – display sidebar menu (collapsible accordion) on selected pages. Enable it individually for: category pages, home page, CMS pages, product pages. Choose between left or right sidebar. Sidebar menu can also be displayed via shortcode in any CMS block and on any page.
  • Depth of the sidebar menu – control how many levels in the hierarchy of categories are to be included in the menu
  • Starting category – sidebar menu will only contain children (subcategories) of the selected parent category
  • Hide on mobile devices – sidebar menu can be hidden on mobile devices (if browser viewport is narrower than 768 pixels)


CATEGORY VIEW

  • Fluid product grid – select the number of products displayed in a single row on category pages. Display from 2 to 8 products per row. On wide screens the number of columns will be automatically increased to show more products in a row
  • Product grid on mobile devices – additionally control the number of products displayed if browser viewport width is below: 640 px, 768 px and 480 px.
  • Customizable product grid – configure the display of the following elements of the grid: product name, price, “Add to cart” button, ratings (stars), “Add to wishlist” and “Add to compare” links.
    Elements can be: 1) always visible, 2) visible only on mouse hover, 3) or completely removed
  • Centered or left-aligned – align grid elements to the center or to the left
  • Size of elements – control the size of the elements: product name, button, product labels
  • Alternative images – show alternative product images on mouse hover (in category view and in product sliders)
  • Equal height – items in the product grid can be aligned vertically to improve the layout
  • Image aspect ratio – keep the aspect ratio of product images (upload images of any dimensions, not necessarily square)
  • Sidebar category menu – configure additional menu (see section above)


PRODUCT PAGE

  • Brand logo on product page. Logo can be a link to any page (to category with products from that brand, to search results or to any custom CMS page). Alternatively brand names can be displayed instead of logo images
  • Customizable image size on product page. Specify any size you like, images don’t have to be square – you can keep the aspect ratio
  • Cloud Zoom + Lightbox – product image zoom. Use one of those methods or both at a time. Cloud Zoom can be displayed inside or outside the main image.
  • Product image gallery – enable/disable gallery mode in the Lightbox (previous/next buttons)
  • Image thumbnail slider – enable automatic scrolling, control speed
  • Tabs/accordion – tabs smoothly turns into accordion on narrow screens
  • “Additional Information” tab for individual product attributes- create and display custom product attributes
  • 2 tabs for custom content – ready to display any static content: info about shipping, returns, sales, promotions or any other general information
  • Tabbed reviews - show product reviews on product page to improve SEO
  • Replace Related Products and Up-sell Products blocks with custom content. Replace completely or replace only if the product does not have any related/up-sell products. Or disable those blocks completely with just one click
  • Automatic scrolling of product sliders – enable automatic scrolling for Up-sell Products and Related Products
  • Lazy loading – if enabled for product sliders, images outside of viewport will not be loaded (to improve performance) before user scrolls to them


HOME PAGE

  • Home page slideshow - image slideshow can be displayed on any CMS page and in any static block with simple shortcode. Show any content in your slides (clickable or non-clickable images, complex HTML, anything), add captions above images.
  • Slideshow + banners – additional small banners can be disabled at the right or left side of the slideshow
  • Full width slideshow - home page slideshow can be configured to span the full width of the page
  • Hide slideshow on mobile devices – ability to hide slideshow or slideshow banners on mobile devices
  • 1, 2, 3 columns layout – you can choose the layout of the home page: 1, 2 or 3 columns. Display custom content in multiple sidebar blocks. Enable/disable Magento’s default sidebar blocks on home page.
  • List of categories on home page – display category menu (see section: Sidebar Menu)
  • Brand slider - show all product brands on the home page (or on any other CMS page)
  • Responsive custom columns - compose page content with ease using built-in grid system


PRODUCT SLIDERS

  • Customizable product sliders on any page – display fully customized product sliders on any CMS page and inside any CMS block. Configure the number of products, size of product images, scrolling speed, automatic or manual scrolling, display pagination, hide “Add to cart” buttons
  • Two types of sliders - “Featured Products” and “New Products”
  • Responsive sliders - full control over the number of products in a row visible with a particular browser viewport width
  • Multiple sliders – show multiple product sliders on a single page
  • Random products - display random products in the “Featured Products” slider
  • Lazy loading – if enabled, images outside of viewport will not be loaded (to improve performance) before user scrolls to them


CMS

  • One-click import - import CMS blocks and pages with sample content from the demo
  • 50+ CMS blocks - content placeholders (in Magento called static blocks) ready to display custom content in almost every part of the store. Using these placeholders you are able to insert your content into product page, shopping cart, checkout, header, footer, CMS pages etc. Everything edited from the admin panel
  • Multi-level footer – compose your page footer using predefined CMS blocks (placeholders) or with built-in grid system. Put there your links, latest news, company info or any other custom content
  • Social services bookmarks – social widgets can be easily added to any section (product page, footer, header etc.) using any of the CMS blocks


OTHER

  • “New” and “Sale” labels - mark your products with eye-catching labels. Text on the labels can be easily translated to other languages
  • Override default Magento header and footer links - those links are hard-coded in Magento but with this theme you can easily replace them with your custom links

General Info

  • 200-pages user guide PDF - the best Magento theme documentation
    on ThemeForest
  • Multi-language ready – this theme can work with any language installed in your Magento
  • Multi-store ready – applicable for multi-store Magento installations.
    Please note that in multi-domain installations multiple licenses are required (one license per domain): themeforest.net/licenses
  • Optimized, well-structured and commented CSS
  • PSD files included (with basic layout structure + all interface icons for easy customization)
  • Sample images in the live preview are for demo purposes only and are not included with the theme. Product images courtesy of: nelly.com


Theme updates

After purchase, all updates are free of charge.

We guarantee that we will continue to update and improve this theme to keep it the best theme for Magento. Please take a look at the list of updates to see how fast Ultimo evolves.


Next updates:

  • logo inside sticky menu
  • more font settings
  • new color settings
  • sidebar mega menu
  • other improvements

Changelog

(re-download Ultimo theme to see the full log in Changelog.txt)

Version 1.15.4 (November 1, 2015)

New:
  • compatibility with the latest Magento 1.9.2.2 and patch SUPEE-6788

Version 1.15.3 (August 13, 2015)

Fixed:
  • if “Blocks HTML output” cache is enabled and if mini cart (or mini compare) block is displayed inside the main menu, the cart is not updated when product is added to the cart
  • incorrect display of calendar in products with options
  • incorrect left margin of right sidebar on mobile view

Version 1.15.2 (July 20, 2015)

Fixed:
  • bug in the login form template file (/app/design/frontend/ultimo/default/template/persistent/customer/form/login.phtml) that results in message like “Parse error: syntax error, unexpected ‘echo’...”.

Version 1.15.1 (July 20, 2015)

New:
  • 2 new designs in the live demo (you can import each design using Ultimo’s configuration import tool)
  • updated Quick Start Package
Changed:
  • security improvements related to changes in Magento 1.9.2.0
  • improved mobile layout of the site header
Fixed:
  • Magento 1.9.2.0 bug: if static blocks are added to the frontend via Widgets, incorrect blocks can be displayed if ‘Blocks HTML output’ cache is enabled

Version 1.15.0 (July 5, 2015)

New:
  • full width page content (select “1 column, full width” in the “Layout” field of page configuration)
  • better control over side padding of content area in all page sections
  • selected page sections (e.g. top header) can be stretched to full width
  • cart drop-down and compare drop-down can be displayed inside main menu bar
  • change the height of the top header
  • add footer background image
Changed:
  • some static blocks were replaced by generic containers
  • cookie restriction notice is now displayed at the bottom of the screen
  • refactored code of the footer and header templates
  • documentation improvements
Fixed:
  • incorrect position of truncated product options (if product options list is very long) displayed as drop-down on the cart page

Version 1.14.1 (June 15, 2015)
Fixed:

  • on Firefox and IE if the site logo image is large it expands containing block

Version 1.14.0 (May 10, 2015)

New:
  • new containers for custom blocks in the header
  • more control over header layout (e.g. move elements to the top header)
  • mini cart and mini compare blocks displayed in the sticky header
  • sticky header can be full-width (elements are stretched in the container)
  • main menu items can be centered within the menu bar
Fixed:
  • on product page the list with icons (list with .ic-ul class) have both icon and ”>” bullet mark

Version 1.13.0 (April 01, 2015)

New:
  • updated Quick Start Package

Version 1.13.0 (March 16, 2015)

New:
  • site header:
    • full control over the width of header sections (left column, central column, right column)
    • assign header elements (logo, search box, links, cart drop-down) to selected sections
Changed:
  • language and currency switchers can be optionally moved (in mobile header) next to the logo to make the header smaller. This was default behaviour, now it can be disabled in admin panel in order to let the logo be centered on small mobile devices.
Fixed:
  • the last element of the breadcrumbs has incorrect tags for rich snippets
  • product-specific swatches (product images marked with “-swatch” suffix added to the image label) are visible in the thumbnails gallery, but they should not be visible

Version 1.12.1 (February 23, 2015)

New:
  • updated Quick Start Package
Fixed:
  • some responsive features work even when responsive layout is disabled: if browser viewport is narrow then sidebar blocks are collapsed and layered navigation is displayed above the products

Version 1.12.0 (February 18, 2015)

New:
  • layered navigation is displayed above the products in mobile
  • sidebar blocks are collapsed in mobile view
  • select order and sorting direction of products in Featured Products slider
  • product page:
    • new containers for custom blocks on product page
    • full control over the width of product page sections
    • display product collateral data container (description, attributes, reviews etc.) as: tabs, accordion, tabs turning into accordion on small screens, or simple stacked blocks
    • specify screen size below which the tabs are turning into accordion
    • display small tabs (accordion) or large tabs (accordion)
    • select position of collateral data container
    • select position of related products and up-sell products
    • control breakpoints of related products and up-sell products sliders
    • display these blocks in tabs or outside the tabs: related products, up-sell products, product reviews, product tags
    • if reviews displayed inside tabs, scroll animation is fired after user clicks the link to product reviews
Changed:
  • collapsible blocks are now opened/collapsed by clicking the title bar of the block. Opener icons (small squares with ”+” icon) were removed.
  • price color in bundle products is the same as price color in other product types
  • shaded stars are displayed on product page for products which don’t have any ratings yet
  • product image on product page is now aligned correctly with the left edge of the page
Fixed:
  • configurable swatches not displayed in search results
  • on product page if product image was loaded after user clicked one of the configurable swatches, that image was not displayed in the lightbox

Version 1.11.2 (January 29, 2015)

Fixed:
  • possible flickering when switching product images in gallery on product page

Version 1.11.1 (January 26, 2015)

New:
  • updated Quick Start Package
Changed:
  • menu drop-downs are now displayed with shorter delay
Fixed:
  • Magento 1.9.1.0 bug: product names are not displayed in the “Only X Left” table on configurable product page
  • only one product grid can be displayed via shortcode on a CMS page, multiple grids cause error
  • when switching options on product page the price of the product is not updated correctly if the same product is also displayed inside the Featured Products slider on the same page (e.g. if slider is inside the menu drop-down)
  • too small bottom margin for message “This is a required field” in product options on product page if required option was not selected

Version 1.11.0 (January 04, 2015)

New:
  • compatibility with Magento 1.9.1.0. If you are not using Magento 1.9.1.0, you can ignore this update.
  • support for configurable product swatches (a module which was added in Magento 1.9.1.0)
  • specify product image width for category view through theme admin panel (System > Configuration > Theme Settings > Category View)
Changed:
  • on product page, product image gallery was switched to the first image when web browser’s window was resized. This doesn’t happen any more and gallery always shows current image.

Version 1.10.4 (November 15, 2014)

New:
  • additional features for rich snippets on product page::
    • support for bundle products
    • support for different price types: price range, “As low as”, fixed price
    • display prices including/excluding tax
Fixed:
  • incorrect position of quantity box on product page when user clicks a link to update product details

Version 1.10.3 (September 30, 2014)

Fixed:
  • in new version of Safari on iOS8, product grid in category view was sometimes displayed incorrectly (each row should have the same number of products, but sometimes products dropped to another row). It was caused by this bug in Safari.

Version 1.10.2 (September 20, 2014)

New:
  • rich snippets
Fixed:
  • incorrect clearing of floats on product page (downloadable products)

Version 1.10.1 (September 11, 2014)

New:
  • updated Quick Start Package
Changed:
  • decreased the value of System > Configuration > Theme Design > Page > Inner Container > Side Padding
  • if top links are disabled, the main tab “Account” in mobile header is not displayed
Fixed:
  • in mobile header labels of the main tabs (“Menu”, “Search” etc.) are not translatable
  • “back to top” button on HiDPI screens has incorrect icon

Version 1.10.0 (September 09, 2014)

New:
  • mobile header: improved layout of the header for mobile devices
  • sticky menu
  • font icons
  • additional color and design settings
Fixed:
  • “Add to cart” button on product page incorrectly aligned in IE and old versions of Safari
  • price and ratings don’t disappear when disabled in grid mode in the category view

Version 1.9.4 (August 08, 2014)

Fixed:
  • slideshow transition effects (from OwlCarousel plugin) don’t work in Chrome 36.x because of changes which were made in that version of Chrome (support for both CSS properties: “-webkit-transform” and “transform”).

Version 1.9.0 (June 26, 2014)

In this version there were big improvements in the main menu. Structure of the menu was significantly simplified and the CSS styles are now much more consistent and cleaner.

New:
  • menu bar:
    • editable height of the menu bar
    • ability to add multiple custom links to the menu
    • ability to add multiple custom drop-down boxes to the menu
    • ability to make a category link not clickable (so that it only serves to show/hide a drop-down box)
  • drop-down boxes:
    • ability to enable mega drop-downs and classic drop-downs in the same menu
    • multi-level mega drop-downs
    • editable width of the drop-downs
    • editable number of columns with subcategories in mega drop-down
    • much better control over proportions between sections in mega drop-down (between category blocks and subcategories)
    • ability to enable/disable shadow of the drop-downs
  • mobile menu and category blocks:
    • category blocks with custom content can be displayed in the mobile menu
    • additional category block displayed at the left side of the subcategories in the mega drop-down
    • mobile menu menu can be collapsed/opened on page load
Fixed:
  • size of the product image in cart view ignores “Keep Image Aspect Ratio” option
  • disappearing mini-cart in Safari if products with options are visible in the mini-cart
  • newsletter sign up form validation message (pop-up) is not responsive on mobile devices

Version 1.8.1 (June 05, 2014)

Changed:
  • scope switcher is now displayed in configuration import section in admin panel, even when there’s only one store view in Magento

Version 1.8.0 (May 29, 2014)

New:
  • ability to import/export color presets with one click

Version 1.7.1 (May 20, 2014)

New:
  • compatibility with Magento 1.9.0.1. If you are not using Magneto 1.9.0.1, you can ignore this update.
  • Quick Start Package based on Magento 1.9.0.1

Version 1.7.0 (April 03, 2014)

New:
  • static block on product page below image gallery
  • display number of products in category in sidebar menu
  • brands:
    • support for language specific symbols and characters (e.g. letters with diacritical marks) in brand names. These symbols will be properly replaced with letters from latin alphabet to create correct path to a brand image file.
    • select a character (e.g., hyphen) which will be used as a word separator in the names of brand image files and in links to custom brand pages
    • module will check if brand image exists. If file doesn’t exist, there will be no info about brand.
    • optionally, if brand image doesn’t exist, it can be replaced with brand name (simple text). This option is useful for stores which can’t display logos of all brands, e.g., because of copyright restrictions.
    • brand logo can be a link to advanced search results, to quick search results or to custom page.
  • brand sliders:
    • display all brands or only selected subset
    • display multiple brand sliders with different subset of brands in each slider
    • select subset of brands directly in the admin panel or via parameter in the slider shortcode
    • optionally, display in the slider only those brands, that are currently assigned to any products (or to products which are not out of stock)
Fixed:
  • main menu: no support for touchscreens if “classic” style of the menu is enabled
  • incorrect display of product labels if product slider is inside main menu drop-down

Version 1.6.1 (January 23, 2014)

New:
  • Quick Start Package based on Magento 1.8.1.0
  • slideshow: set automatic scrolling speed
  • slideshow: set bottom and top margin
Changed:
  • main menu: increased value of z-index property of the hovered item to cover the shadow of the drop-down box
  • shadow for the main menu bar can be enabled/disabled individually (in System > Configuration > Theme Design > Effects, if “Content Area Shadow” is enabled)
  • decreased font size in large custom icons which display characters as icons (class i-char)
Fixed:
  • support for IE10/IE11 slideshow transition effects
  • incorrect position of slideshow captions in IE9 (or earlier)
  • sidebar menu: category ID entered in the “parent” parameter is ignored
  • in Firefox main menu drop-down (wide menu mode) is 1-2 pixels narrower than the menu bar (depends on width of the browser window)

Version 1.6.0 (January 09, 2014)

New:
  • slideshow
    • display multiple custom slideshows on any page with simple block code (shortcode)
    • full width slideshow on home page
    • new effects for transition between slides
    • configure color and position of slideshow navigation elements (pagination and arrows)
  • product sliders
    • configure size of product images in sliders
    • control speed of scrolling animation (different speed applied for automatic scrolling and for scrolling with arrows)
    • display pagination
  • brand slider
    • control speed of scrolling animation (different speed applied for automatic scrolling and for scrolling with arrows)
    • properties of the brand slider can be controlled with parameters in block code
    • display pagination
  • lazy loading in sliders (product sliders, brand slider, thumbnail slider) – if enabled, images outside of viewport will not be loaded before user scrolls to them
  • set automatic scrolling for Related Products and Up-Sell Products sliders
  • additional settings for thumbnail slider on product page (product images gallery)
Changed:
  • jQuery plugin Flexslider was replaced with Owl Carousel plugin
  • better support for touch-screen devices: sliders behave more like in native apps
  • small changes in block code of Featured Products Slider, New Products Slider and Brand Slider
  • slideshow: better support for “smooth height” (if slides do not have the same height, the height of the slideshow will be animated smoothly)
Fixed:
  • images in home page slideshow and elements of product sliders (e.g. product name) may disappear in Chrome after scrolling outside the viewport and getting back inside the viewport (it was caused by a bug in Flexslider plugin, plugin was removed)
  • arrows in sliders do not work instantly on touch-screen devices (but on second “click”) because of CSS hover styles
  • product images gallery on product page doesn’t work correctly if no product image was selected as “main” image

Version 1.5.10 (December 23, 2013)

New:
  • compatibility with Magento 1.8.1.0. If you are not using Magneto 1.8.1.0, you can ignore this update.

Version 1.5.9 (December 02, 2013)

Changed:
  • no flickering/highlighting in Safari browser when user taps a product grid item in category view or a top-level category in main menu
Fixed:
  • form fields too big on old webkit browsers (e.g. Android Browser)
  • search form not aligned in the center on some webkit browsers (e.g. Android Browser) if browser viewport is below 768px.

Version 1.5.8 (November 13, 2013)

New:
  • Updated and improved User Guide PDF – download the latest version!
  • parameter “breakpoints” for product sliders: number of items in a row can be assigned to specific width of the screen. Add any number of breakpoints.
  • enable/disable animation (during web browser window resizing) of the main structural elements of the page layout. Disabled animation improves page layout while resizing web browser viewport.
  • additional CSS classes to control grid units layout
  • control size of the elements of the product grid items in category view: product labels, product name, button. By default size of the elements is automatically decreased when browser viewport is narrow.
Changed:
  • improved main menu display: no flickering while loading mobile menu on mobile devices
  • improved hover effect of product grid/list items in category view: buttons don’t overlap other elements if Equal Height is enabled; alternative image immediately disappears on mouse out;
Fixed:
  • alternative image doesn’t work in list mode in category view
  • button “Submit” in reviews tab on product page not aligned to the left side
  • related products title on product page not aligned with tabs (if displayed in the same line)
  • incorrect date range calculation for product labels

Version 1.5.7 (November 02, 2013)

New:
  • improved display of main menu drop-down boxes on touch screens
  • additional font options for the main menu for 1st-level and 2nd-level items (font size, uppercase/lowercase)
  • add vertical space between main sections of the page (header, main menu, footer etc.)
  • select additional character sets for integrated Google Fonts via admin panel
  • hide “Add to…” links in category view if browser viewport width is below selected value
  • change background color of the product grid/list items in category view
  • new individual color options for page sections: top of the header, secondary footer
  • additional design options for main menu: specify outer background color; configure line (width and color) at the bottom of the menu bar and at the top of the drop-down boxes;
  • “home” link in main menu can be displayed as a single icon or as a standard menu item
  • parameter “move” for product sliders: number of items that should move on animation
Changed:
  • increased and unified width of the form buttons (Log In, Create Account etc.)
  • increased margin of main sidebars
  • improved page layout on mobile devices: increased page side margins, outer background color hidden (if exists)
  • improved layout of newsletter form on mobile devices
Fixed:
  • incorrect layout of “Orders and Returns” page
  • “Recurring Profile” tab not displayed for products with recurring profile
  • double “Add to…” links on product page when updating wishlist item
  • possible “jumping” of product grid items if product have alternative image enabled
  • search bar too wide on narrow screens (below 480px)
  • IE8: collapsible blocks in the footer are collapsed by default
  • IE9, IE10: form fields not visible if browser viewport is below 768px

Version 1.5.6 (October 15, 2013)

New:
  • Compatibility with Magento 1.8.0.0. If you are not usingMagneto 1.8.0.0, you can ignore this update.

Version 1.5.5 (September 23, 2013)

New:
  • Sidebar Menu: enable sidebar menu (through admin panel) individually for: category view, home page, CMS pages, product pages (choose between left or right sidebar).
  • Sidebar Menu: ability to fallback to root category if current category doesn’t exist. This option is useful if sidebar menu should be displayed on pages with no current category (on pages other than category view) such as home page.
  • Sidebar Menu: alternative block title will be used if current category doesn’t exist.
Fixed:
  • If sidebar menu not enabled in System > Configuration > Menu > Sidebar Menu > Enable, then all sidebar menus are disabled, even if added with block code {{block…}}

Version 1.5.4 (September 20, 2013)

New:
  • Sidebar Menu: new option “Parent of current category (no siblings)” – show the current category. Other categories from the same level as the current category will be ignored.
  • Sidebar Menu: use variable (which will be replaced with the name of the current category) inside the block title to create dynamic titles of the block.
Fixed:
  • double bullets in Customer Account menu.
  • Sidebar Menu: “Parent Category” options ignored if flat categories enabled in Magento.
  • duplicated content on product review pages.
  • elements of the toolbar (pager, sorter etc.) in category view not aligned properly.

Version 1.5.3-c (September 10, 2013)

Fixed:
  • price in bundle products is not automatically updated: missing semicolon in the CloudZoom plugin is causing JavaScript errors on product page.

Version 1.5.3-b (September 05, 2013)

Fixed:
  • some icons not displayed on high-resolution (retina) screen devices.

Version 1.5.3 (September 04, 2013)

New:
  • select position of the search bar in the header and set additional line break to improve the layout of cart drop-down and other elements
  • limit sidebar menu to subcategories of current category
  • define depth of the subcategories in sidebar menu (independent from the main menu)
  • product grid:
    • improved layout of the product grid in category view
    • more options for displaying elements of the product grid on mouse hover
    • hide long product names in category view
    • align products to the center
    • product labels and buttons are shrinked automatically if many products in a row (also in product sliders)
    • control the number of columns displayed if browser viewport width is below: 640 px, 768 px, 480 px.
  • product sliders:
    • align products to the center
    • product labels and buttons are shrinked automatically if many products in a row (can be forced with parameter)
  • display SKU on product page
  • upload separate background image for the header
  • set double patterns (in two layers) for background of the header and the footer
  • color settings: header icons (cart, compare), search box
  • a few additional social icons and interface icons added to image sprites
  • select weight of the Google Fonts
Changed:
  • color of the drop-down arrows in the header and main menu is now the same as text color so they are always visible on any background
  • image slideshow on home page: height animation is now optional. It can be enabled when slides have different height.
  • layout of the cookie restrictions info block
Fixed:
  • too long address field in checkout (on mobile devices) if user logged in
  • category filter displayed even if disabled in categories which are not set to “Is Anchor”
  • product in the slider aligned to the center if only one product in the slider
  • parameters added to URLs (e.g. by AddThis widget: www.example.com/#.87×2W) break the JavaScript on the page
  • CloudZoom plugin: unnecessary requests to load non-exsisting resources (plugin was replaced with correct version: js/infortis/jquery/plugins)
  • improved layout of the image slideshow on home page (the default size of slides has changed a little bit, see the table in the user guide for details)
  • improved CSS transitions of the main menu drop-downs and slideshow

Version 1.5.2-d (August 27, 2013)

Fixed:
  • in webkit browsers drop-down boxes in the main menu (in all styles: wide and classic) are sometimes displayed behind the slideshow on home page.

Version 1.5.2-c (August 26, 2013)

Fixed:
  • in Chrome drop-down boxes in the main menu (classic style) are displayed behind the slideshow on home page

Version 1.5.2-b (July 26, 2013)

Fixed:
  • images inside category blocks in menu were not retrieved via https on secure pages
  • removed default rounded borders in form fields on iOS
  • updated template file of the mini cart in patch for Magento 1.5.x

Version 1.5.1 (June 07, 2013)

Fixed:
  • when responsive layout is disabled, zoom may not work correctly on mobile devices
  • when viewing the website on an iPad it doesn’t scroll smoothly

Version 1.5.0 (June 05, 2013)

New:
  • enable/disable responsive layout
  • empty cart can be hidden on mobile devices (if browser viewport is narrower than 480 pixels)
  • integration with all available Google Fonts
  • select font stacks (of standard fonts, such as Verdana, Arial etc.)
  • define custom font stack
  • select number of columns in products sliders and brand slider
  • display custom links in the main menu
  • set the value of the web browser wievport width below which the main menu turns into a mobile menu
  • additional color options, e.g. tabs and “Add to…” links on product page, interface icons
  • retina-ready icons (more will be added soon)
Changed:
  • improved/simplified theme admin panel: no need to manually refresh CSS anymore
  • reorganized and improved CSS files
  • small layout and design improvements on product page
  • new additional layout of related products
  • alternative product image is displayed on mouse hover over the item, not over the image itself
  • brand logo: space in the link to search results (if there is a space in the brand name) was replaced by ”+”
  • modified HTML markup of custom icons (including social icons)
  • minor changes in the header static blocks
Fixed:
  • color of the header drop-down boxes can’t be changed (and is the same as color of the menu drop-downs)
  • product image is cut off in product sliders if width of the slider is not full-page

Version 1.4.0 (April 08, 2013)

New:
  • Mega Menu with custom content blocks – add any content (images, text, HTML) inside category drop-down menu, for every 1st-level and 2nd-level category
  • eye-catching labels for categories in the menu
  • ability to disable main menu completely
  • main menu font size settings
  • “compare” block at the top of the page
  • search box color settings
  • additional footer color setings
  • simplified footer – it is possible to disable all blocks to show minimalistic footer
  • footer columns displayed as accordions on mobile devices
Changed:
  • reorganized and improved drop-down menus: language and currency switchers, mini cart, “compare” block
  • reorganized and improved user guide
  • minor CSS improvements
Fixed/Improved:
  • width of the page calculation (IE8)
  • category view: incorrect display of grid with hover effect (IE8)
  • category view: incorrect display of “out of stock” with hover effect
  • can’t display two product labels at a time
  • related products slider: product cut off when screen is narrow

Version 1.3.2 (February 04, 2013)

New:
  • alternative image on product hover in the grid view and in the home page product sliders
  • scroll to top button
  • enable/disable gallery mode in the lightbox on product page
  • fade-out on hover: brand logo in the brand slider and image in the home page slideshow (if the image is an anchor)

Version 1.3.1 (January 18, 2013)

New:
  • ability to add top margin for the home page slideshow

Version 1.3.0 (January 17, 2013)

New:
  • brand slider
  • brand logo image on product page can be replaced with brand name (simple text)
  • more layout options for the home page: 2 columns (with left or right sidebar) and 3 columns
  • new CMS blocks for custom content on the home page
  • additional banners at the side of the image slideshow (on the home page) – you can make the slideshow narrower
  • ability to hide slideshow or slideshow banners on mobile devices
  • multiple Featured Products slider on single page
  • “Sign Up” link is added automatically (in Magento’s Top Links) if customer is not logged in
  • documentation improvements

Version 1.2.0 (December 02, 2012)

New:
  • reorganized and improved documentation
  • improved main menu for mobile devices: menu displayed as an accordion
  • block with the list of categories at the top of the left sidebar
  • list of categories can be hidden on mobile devices
  • list of categories can be displayed on custom blocks and pages

Version 1.1.0 (November 16, 2012)

New:
  • compatibility with Magento 1.5.x
  • customize the display of category grid elements, e.g. hide/show/show-on-hover: “Add to cart” button, ratings (stars), “Add to wishlist” button etc.
  • enable/disable equal height of items in categoty grid
  • “New” and “Featured” products sliders: set number of items that should move on animation
  • “New” and “Featured” products sliders: ability to hide “Add to cart” buttons
  • customizable colors for social icons and product labels (“new”, “sale”)
  • caption for slides in home page slideshow (import static blocks to see examples)

Version 1.0.1 (October 22, 2012)

New:
  • responsive layout settings are individual for each store view
  • import home page with banners examples

Share this

Previous
Next Post »