Ultimo – Fluid Responsive Magento Theme

Ultimo - Fluid Responsive Magento Theme


Ultimo best-selling responsive Magento theme

Ultimo is a premium Magento theme with a superior admin module. It’s extraordinarily customizable, straightforward to make use of and absolutely responsive. Suitable for each sort of retailer, optimized for search engine optimization. Great as a place to begin on your customized tasks.

Compatible with Magento:,,,,,,,,,,,,,,,,,,,,,,,,,
2.0.0, 2.0.1, 2.0.2, 2.0.4, 2.0.5, 2.0.6, 2.0.7, 2.0.8, 2.0.9, 2.0.10, 2.0.11, 2.0.12, 2.0.13, 2.0.14, 2.0.15, 2.0.16, 2.0.17, 2.1.0, 2.1.1, 2.1.2, 2.1.3, 2.1.4, 2.1.5, 2.1.6, 2.1.7, 2.1.8, 2.1.9, 2.1.10, 2.1.11, 2.1.12, 2.1.13, 2.1.14, 2.2.0, 2.2.1, 2.2.2, 2.2.3, 2.2.4, 2.2.5, 2.2.6, 2.2.7, 2.2.8, 2.3.0, 2.3.1

Theme features


Customizable design

You can change visible look of just about each ingredient of this Magento theme.

No coding wanted, all might be edited straight in admin panel. Select colours of dozens of components utilizing colour pickers, set a whole bunch of choices, apply textures for header, footer and for your entire web page, add background picture and configure its properties (place, repeating, attachment), change font and font-dimension, and plenty of many extra…

Customizable design

Custom background images and patterns


Customizable responsive layout

Ultimo helps broad screens. In the admin panel you may choose the most width of the web page (from 1024 to 1680 pixels) and even specify your customized non-commonplace width.

Fluid width

Ultimo is optimized for all display resolutions. If you resize net browser window, theme components might be remodeled easily on every breakpoint (from 240 to 1680 pixels) in an effort to adapt to the present display dimension. Width of the web page is fluid – theme makes use of 100% of obtainable area (beneath specified most width) to show content material [demo3]. But you may as well disable fluid width – in that case web page width will change on breakpoints and won’t take complete obtainable area.

Fluid responsive layout

Fluid grid system

Fluid grid system

Ultimo might be displayed on any display.
It relies on fluid grid system (12-column)
so it at all times makes use of complete obtainable area
of the display to show content material.
You can use the grid system to
construct customized content material.


Home page


Home page sections

Home web page sections

Areas for customized content material:

  1. Customizable slideshow
  2. Additional banners for slideshow
    (left or proper facet)
  3. “Preface”, block for customized content material
    above the columns
  4. Left column, accommodates Three customized blocks
  5. Main content material space for any customized content material,
    akin to product sliders, banners and so forth.
  6. Right column, accommodates Three customized CMS blocks
  7. “Postscript”, one other block for customized content material
    beneath the columns

You can select the structure of the house web page: one, two or three columns. Display customized content material in a number of sidebar blocks. Enable/disable Magento’s default sidebar blocks.

Home page


Customizable product page

Clean and readable product web page – your clients can simply discover all essential info.

Configurable width of the principle columns, outstanding model brand (with hyperlink to different merchandise), product picture (customizable dimension) with Cloud Zoom and lightbox, tabs easily turning into accordion on slender screens, extra customized tabs and CMS blocks, sliders for associated and up-promote merchandise, social bookmarks, customizable product choices… In quick – regulate product web page to fit your wants.


Customizable product grid view

Customize the show of merchandise grid in class view. Set certainly one of these choices
1) conceal, 2) present 3) present solely on mouse hover – for the next components: “Add to cart” button, rankings (stars), “Add to wishlist” and “Add to match” hyperlinks.


Customizable product grid with hover effect

Show or hide elements

Show/Hide/Show on mouse hover

Each of the next components might be displayed
on mouse hover or utterly eliminated:

  1. “Add to wishlist” and “Add to match” hyperlinks
  2. Product identify
  3. Ratings (stars) and variety of evaluations
  4. Price
  5. “Add to cart” button


Additional grid choices

Additional options


Fluid, auto-adapting product grid

Set customized variety of columns (merchandise in a row): 2, 3, 4, 5, 6 or 7 for default display decision.
On wider (or narrower) screens the variety of columns will mechanically adapt to the present decision (it would additionally adapt itself each time the scale of the online browser window is modified). For instance, on broad screens the variety of columns might be mechanically elevated to indicate extra merchandise in a row.


Fluid product grid


Mobile friendly mega menu

Switch between 2 kinds of the drop-down menu: broad [demo] or basic [demo]. In broad menu you may show hyperlinks in 4-Eight columns. You may show your customized content material in a drop-down block. Colors are absolutely customizable.

Wide menu, classic drop-down menu

Info for developers

1. Create customized sub-themes

Unlike many different themes, Ultimo helps you to create your customized sub-themes (theme variants). You can create season-particular designs to alter the look of your retailer for holidays, Christmas and so forth.

That’s very helpful and really straightforward as a result of Ultimo is impartial from Magento’s “default” theme – it’s a separate design package deal (not a variant of Magento’s “default” theme). The most essential benefits:

  • customized sub-themes are improve-proof
  • much less code to keep up
  • chosen performance might be shared between many themes

2. Starting level for customized challenge

Ultimo can function an incredible basis to implement particular person designs on your purchasers.

3. No Magento core information had been modified

All structure modifications are saved in native.xml so all the unique structure information are stored intact.


Key features


  • Customizable design – change the visible look of just about each ingredient
  • Unlimited colours – change colours of dozens of components, apply textures, add customized background photos
  • Google Fonts – integration with Google Fonts
  • Custom font stack – capability to pick commonplace net-secure fonts (e.g. Arial, Verdana) or outline customized font stack (e.g.: Arial, “Helvetica Neue”, Helvetica, sans-serif)


  • Responsive [on/off] – responsive structure might be disabled should you desire non-responsive web sites
  • Customizable responsive structure – choose most width of the web page (from 1024 to 1680 pixels) or specify your customized width
  • 12-column fluid grid system – straightforward to make use of grid system will provide help to construct content material of your customized pages
  • Fluid web page width – if fluid width is enabled, theme will at all times use complete obtainable area of the display to show content material. It can adapt to any display decision. If disabled, web page width will solely be modified on predefined breakpoints (from 240 to 1680 pixels).


  • 2 menu kinds – allow mega drop-downs with wealthy content material or easy basic drop-downs – individually for every class
  • Multi-level – multi-stage mega drop-downs
  • Multiple customized content material blocks – add any content material (photos, textual content, HTML) inside drop-down menus for any class
  • Custom blocks in cell menu – customized content material might be displayed within the cell menu
  • Customizable dimension – edit peak of the menu bar, regulate width and variety of columns inside drop-down menus
  • Accordion (cell menu) – on cell units the menu turns right into a collapsible accordion. Set the worth of the online browser wievport width beneath which the menu turns into accordion
  • Category labels – eye-catching labels for classes (customizable colours ant textual content)
  • Custom hyperlinks – show customized hyperlinks in the principle menu bar and use it as a menu for CMS pages (classes might be utterly faraway from the menu, if wanted)
  • Fully customizable colours


  • Sidebar menu – show sidebar menu (collapsible accordion) on chosen pages. Enable it individually for: class pages, residence web page, CMS pages, product pages. Choose between left or proper sidebar. Sidebar menu can be displayed by way of shortcode in any CMS block and on any web page.
  • Depth of the sidebar menu – management what number of ranges within the hierarchy of classes are to be included within the menu
  • Starting class – sidebar menu will solely comprise youngsters (subcategories) of the chosen guardian class
  • Hide on cell units – sidebar menu might be hidden on cell units (if browser viewport is narrower than 768 pixels)


  • Fluid product grid – choose the variety of merchandise displayed in a single row on class pages. Display from 2 to eight merchandise per row. On broad screens the variety of columns might be mechanically elevated to indicate extra merchandise in a row
  • Product grid on cell units – moreover management the variety of merchandise displayed if browser viewport width is beneath: 640 px, 768 px and 480 px.
  • Customizable product grid – configure the show of the next components of the grid: product identify, worth, “Add to cart” button, rankings (stars), “Add to wishlist” and “Add to match” hyperlinks.
    Elements might be: 1) at all times seen, 2) seen solely on mouse hover, 3) or utterly eliminated
  • Centered or left-aligned – align grid components to the middle or to the left
  • Size of components – management the scale of the weather: product identify, button, product labels
  • Alternative photos – present various product photos on mouse hover (in class view and in product sliders)
  • Equal peak – gadgets within the product grid might be aligned vertically to enhance the structure
  • Image facet ratio – maintain the facet ratio of product photos (add photos of any dimensions, not essentially sq.)
  • Sidebar class menu – configure extra menu (see part above)


  • Brand brand on product web page. Logo is usually a hyperlink to any web page (to class with merchandise from that model, to look outcomes or to any customized CMS web page). Alternatively model names might be displayed as a substitute of brand photos
  • Customizable picture dimension on product web page. Specify any dimension you want, photos don’t need to be sq. – you may maintain the facet ratio
  • Cloud Zoom + Lightbox – product picture zoom. Use a kind of strategies or each at a time. Cloud Zoom might be displayed inside or exterior the principle picture.
  • Product picture gallery – allow/disable gallery mode within the Lightbox (earlier/subsequent buttons)
  • Image thumbnail slider – allow automated scrolling, management velocity
  • Tabs/accordion – tabs easily turns into accordion on slender screens
  • “Additional Information” tab for particular person product attributes– create and show customized product attributes
  • 2 tabs for customized content material – able to show any static content material: data about transport, returns, gross sales, promotions or some other common info
  • Tabbed evaluations – present product evaluations on product web page to enhance search engine optimization
  • Replace Related Products and Up-sell Products blocks with customized content material. Replace utterly or substitute provided that the product doesn’t have any associated/up-promote merchandise. Or disable these blocks utterly with only one click on
  • Automatic scrolling of product sliders – allow automated scrolling for Up-sell Products and Related Products
  • Lazy loading – if enabled for product sliders, photos exterior of viewport is not going to be loaded (to enhance efficiency) earlier than consumer scrolls to them


  • Home web page slideshow – picture slideshow might be displayed on any CMS web page and in any static block with easy shortcode. Show any content material in your slides (clickable or non-clickable photos, complicated HTML, something), add captions above photos.
  • Slideshow + banners – extra small banners might be disabled on the proper or left facet of the slideshow
  • Full width slideshow – residence web page slideshow might be configured to span the complete width of the web page
  • Hide slideshow on cell units – capability to cover slideshow or slideshow banners on cell units
  • 1, 2, Three columns structure – you may select the structure of the house web page: 1, 2 or Three columns. Display customized content material in a number of sidebar blocks. Enable/disable Magento’s default sidebar blocks on residence web page.
  • List of classes on residence web page – show class menu (see part: Sidebar Menu)
  • Brand slider – present all product manufacturers on the house web page (or on some other CMS web page)
  • Responsive customized columns – compose web page content material with ease utilizing constructed-in grid system


  • Customizable product sliders on any web page – show absolutely personalized product sliders on any CMS web page and inside any CMS block. Configure the variety of merchandise, dimension of product photos, scrolling velocity, automated or handbook scrolling, show pagination, conceal “Add to cart” buttons
  • Two sorts of sliders – “Featured Products” and “New Products”
  • Responsive sliders – full management over the variety of merchandise in a row seen with a specific browser viewport width
  • Multiple sliders – present a number of product sliders on a single web page
  • Random merchandise – show random merchandise within the “Featured Products” slider
  • Lazy loading – if enabled, photos exterior of viewport is not going to be loaded (to enhance efficiency) earlier than consumer scrolls to them


  • One-click import – import CMS blocks and pages with pattern content material from the demo
  • CMS blocks – content material placeholders (in Magento known as static blocks) able to show customized content material in nearly each a part of the shop. Using these placeholders you’ll be able to insert your content material into product web page, buying cart, checkout, header, footer, CMS pages and so forth. Everything edited from the admin panel
  • Multi-level footer – compose your web page footer utilizing predefined CMS blocks (placeholders) or with constructed-in grid system. Put there your hyperlinks, newest information, firm data or some other customized content material
  • Social companies bookmarks – social widgets might be simply added to any part (product web page, footer, header and so forth.) utilizing any of the CMS blocks


  • “New” and “Sale” labels – mark your merchandise with eye-catching labels. Text on the labels might be simply translated to different languages
  • Override default Magento header and footer hyperlinks – these hyperlinks are exhausting-coded in Magento however with this theme you may simply substitute them together with your customized hyperlinks

General Info

  • 200-pages consumer information PDF – one of the best Magento theme documentation
    on ThemeForest
  • Multi-language prepared – this theme can work with any language put in in your Magento
  • Multi-store prepared – relevant for multi-retailer Magento installations.
    Please notice that in multi-area installations a number of licenses are required (one license per area): themeforest.web/licenses
  • Optimized, effectively-structured and commented CSS
  • Sample photos within the live preview are for demo functions solely and should not included with the theme. Product photos courtesy of: nelly.com

Theme updates

After buy, all updates are freed from cost.

We assure that we’ll proceed to replace and enhance this theme to maintain it one of the best theme for Magento. Please check out the checklist of updates to see how briskly Ultimo evolves.



Leave a Reply