Ultimo - Fluid Responsive Magento Theme | Magento

Contact the Author

Please Sign In to contact this author.


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.

  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 & for the entire page, upload background image & configure its properties (position, repeating, attachment), change font & font-size, & many many more.  

Additional grid options


Set custom number of columns (products in a row): 23456 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.





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 display your custom content in a drop-down block. Colors are fully customizable.


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 & 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.




  • 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)


  • Responsive [off/on] – 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).


  • 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 & number of columns inside drop-down menus
  • Accordion (mobile menu) – on mobile phones 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 & use it as a menu for CMS pages (categories can be completely removed from menu, if needed)
  • Fully customizable colors


  • 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 be displayed via shortcode in any CMS block & on any page.
  • Depth of the sidebar menu – control how many levels in the hierarchy of categories are to be are already included in the menu
  • Starting category – sidebar menu will only contain children (subcategories) of the selected parent category
  • Hide on mobile phones – sidebar menu can be hidden on mobile phones (if browser viewport is narrower than 768 pixels)


  • 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 phones – additionally control the number of products displayed if browser viewport width is below: 640 px, 768 px & 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” & “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 & 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)


  • 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 do not 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 & 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 & 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 & 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 slideshow – image slideshow can be displayed on any CMS page & 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 phones – ability to hide slideshow or slideshow banners on mobile phones
  • 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


  • Customizable product sliders on any page – display fully customized product sliders on any CMS page & 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” & “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


  • One-click import – import CMS blocks & pages with sample content from demo
  • 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 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


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

More Related Items by markowebber