Compatible with Magento: 18.104.22.168, 22.214.171.124, 126.96.36.199, 188.8.131.52, 184.108.40.206, 220.127.116.11
It’s not enough to just have a mobile optimised website, it’s vital that its performance meets customer expectations.
The importance of speed for mobile commerce
A 1-second delay in page load time equals 11% fewer page views, a 16% decrease in customer satisfaction, and 7% loss in conversions. (In dollar terms, this means that if your site typically earns £10,000 a day, this year you could lose £250K in sales).
According to Aberdeen Group
Performance Analysis by http://gtmetrix.com. Check your own online shop! To simulate various connection speeds (2G, 3G etc.), you need to create a free account.
More than responsive! Elements are not just stacked on top of each other on small screens. Header, footer and content are optimized for limited space, to prevent endless page scrolling.
Compact Mobile Header (App-Like)
The configuration file gives you control over any color, box-shadow, border, text-shadow and border-radius of the theme (the “style”). Well, that’s nice.
But who really wants to change all this values?
With Smart Coloring it’s easy. You can change the “Dominant Color” from green to a dark red and the “Base Color” from light beige to a light gray. All gradients and shades of the colors are calculated automatically. You have to enter only one value! See the result below:
Sophisticated in its simplicity, clear, restrained and stripped of all unnecessary elements, the UX Pearlwhite theme is suitable for a wide range of online shops. Its design concentrates on the basics, presenting your products in the best light without distraction.
Many other Magento Premium themes focus mainly on creating an appealing home page, but do not maintain the level of design quality on the following pages. We go the decisive extra step: with UX Pearlwhite you can expect consistent quality and uniform design throughout your online shop, providing the optimum user experience down to the smallest detail.
UX Pearlwhite is – in Magento terms – a “design package”. This means you can create your own custom themes based on UX Pearlwhite.
Sass adds variables, functions, mixins and more to CSS, which makes the “Smart Coloring” of the theme possible.
Rectangular and square format images are supported.
Choose between isolated images on white background and normal images with colored background. This will affect the spacing around images and if borders between images are displayed or not.
More languages could easily be added over the Magento translation files.
Note: Category and product images are not included.
Release Notes – UX Pearlwhite 1.0.12 (Dec 14, 2013)
- Added support for Magento 18.104.22.168
Release Notes – UX Pearlwhite 1.0.11 (Dec 02, 2013)
- FIX: Right column on product page is not stretched over the entire width - FIX: Disabled "alternate product page layout" in local_sidebar_boxes_enabled.xml by default - FIX: Shopping cart display error on small screens (if shopping cart display settings > include tax in grand total "no") - FIX: lib\phpsass\script\SassScriptFunctions.php (file updated for newest version of Sass extension 1.1.4)
Release Notes – UX Pearlwhite 1.0.10 (Nov 25, 2013)
- NEW: Dropdown cart in header - NEW: Optimized mobile shopping cart - NEW: Configuration file for fonts added (_config_typography.scss) - NEW: More variables in _config_dimensions.scss added - FIX: Android version 4.1.2 and lower: display problems caused by CSS3 transitions - FIX: Linked slider images were not clickable
Release Notes – UX Pearlwhite 1.0.9 (Nov 04, 2013)
- NEW: Added "Add to Wishlist", "Add to Compare" and "Add to Cart" buttons on category page - NEW: Featured products carousel on home page - NEW: Added "New" badge for related products, up-sells, cross-sells - FIX: More views on product page sometimes not showing - FIX: Persistent shopping cart link in header not showing (Magento 22.214.171.124 only) - FIX: Image size (retina images) of related products, up-sells, cross-sells (if there is just one item)
Release Notes – UX Pearlwhite 1.0.8 (Oct 23, 2013)
- NEW: Custom block example added (documentation) - NEW: Added "New" badge for items on category page - NEW: Alternate product page layout (option to stretch tabs over the entire width) - FIX: Layered navigation (display filter with item count = 0)
I would only like to say that UX-Templates has been really helpful with any problems I have had with the theme, and even went so far as helping me debug some of my own problems with Magento that were related to the theme. Great product, awesome support. Would buy again without hesitation. Edit: I am not tagged as "Purchased" because the theme wasn't purchased through my private account.
Hello, Do you know if there is any way of showing a "recently viewed products" panel in the same way it's possible to show the upsells and related products panels at the bottom of the product page? Trying to figure out if there is an easy way to do this... the rest works great :) Many thanks, Natacha
Hi Natacha, this is basically the same like adding the "New Products Widget" on the home page (see the documentation). But as widget type choose "Recently Viewed Products" (instead of Catalog New Products List) and under Layout Updates configure the widget like this: Display On: All Product Types Block Reference: Main Content Area Template: Viewed Products Grid Template
Hi, I liked your theme very much. Its simple and elegant. I have few questions before I buy this theme. 1. I sell jewellery, so my product photos are square. If i buy this theme, would you help me with necessary changes to CSS to display square photos rather than the current rectangle ones? 2. Is is possible to add a text block below New Products on homepage. This is to add about store information on home page . 3. Can you increase one of the product names in demo, I want to see how your theme manages & displays large product names. Cheers dt
Hi, 1. The theme sets only the width of the images (unlike the Magento default settings). The height is calculated automatically (preserving the aspect ratio). No CSS changes should be needed. 2. Yes. It's not a theme feature, it can be done with Magento "Static Blocks" and "Widgets". The "New Products" on the home page is also a Magento Widget. It's explained in the documentation how to add it. For adding a text block the approach would be similar. I can help you with that and I will complement the documentation with "how to add a custom block". 3. I increased one product name, look at the "Women" category. With "normal images" it's not a problem. The theme has also an option for "isolated images (on white background)". If you enable the option, dotted divider lines are displayed between the products (you can't see this in the live demo, but in the screenshots section). In that case a fixed height for the block below the image (product name, rating and price) needs to be specified, otherwise the horizontal lines wouldn't be "on the same line". Best regards
I have a suggestion for the next update (if you're taking them that is)... magento default's shopping cart sidebar should become a droplist under the cart button in both the mobile and desktop version of your theme... Also an FYI - the mobile version of the shopping cart seems to use vertical space in preference to horizontal space, makes the button placement hard to understand.
and continue the new badges into the upsell and related products lists.. thanks
Hi, good suggestion with the dropdown under the cart button. I will implement this, but it won't make it into the next update. However, I update quite often, so it won't take too long. Regarding the shopping cart: do you mean to place the "remove" and "edit" buttons more on top, for example directly below the product image? The new badges are on my to do list for the next update. Thanks for your feedback.
with the shopping cart layout - i think there is a lot of space to play with.. you could move the product description and the delete icon to the same row as the product image.. and place the pricing, qty and edit/wishlist to under the image/title...
Hi Tobi, The support that you have provided to me in sorting out the various requirements that I needed was absolutely first class. I thought I should highlight this to any prospective buyer. Well done. Fouad
Any suggestions on the best way to make the CMS left sidebar menu links show as active dependant on the page that has been opened... eg. terms and conditions is the lighter highlight (hover) colour in the left panel when the terms and conditions page is open
Hi, please send me a message via the contact form, then I can email you a modified file.
thanks ux-templates for sending me the updated files, i really appreciate your dedication to answering feedback and providing support. Makes a big difference compared to other theme providers i have dealt with.
been viewing the live demo. how do select currency during the mobile display? a currency/language button on the top bar during mobile display and this theme would be perfect, or can i easily customize it on my own?
That customers have to choose their language / currency should be avoided. Automatic redirection based on the browser language / customer location to your appropriate store view is a better practice. This makes choosing the language / currency manually secondary and I would place the switcher in the footer.
i'm still sampling the demo. when i put the ipad in landscape, there is a currency and language selector in the top bar. but when i rotate the ipad to portrait or viewing the website from an iphone there is none. i needed those options and think there is enough space, if it is simple enough you got yourself another customer :)
Yes, it's simple to show the selector. As you noticed it's already implemented in the topbar, but only for large screens (iPad landscape and bigger). For smaller screens it's just hidden via CSS. You are right, for displaying the selector on the iPad in portait mode there is enough space, I will change this in the next update. In iPhone portrait mode there is unfortunately not enough space (don't forget: if you have some items in cart, a cart button appears additionally in the topbar). In iPhone landscape mode it's critical, depends on the width of your logo and languages...
totally forgot about the cart button. i don't need language option but currency is crucial. and my logo would only take as much space as the demo's. so i can either get rid of the account button and placing the link at the bottom (not favorable), or only display the currency selector when the cart is empty (ie. no cart button). this is only for iphone size display portrait and landscape, where space is critical. my rational is only if the currency is correct would someone place an item in the cart, so it is a one time affair. can you write the simple coding for me to update later? also if i purchase this theme, will i get future software version updates for free as long as you are providing it? thanks again.
Well, if you only need the currency switcher ...this is even in iPhone landscape mode not a problem. So just iPhone portrait mode left. I can send you the modified files, to show the currency switcher on iPhone portrait mode only if the cart button is not present. You will get future updates for free, this is normal here on themeforest! Best regards
purchased the theme. im on ver 126.96.36.199 the Sass link in the documentation doesn't say it support 1.8 yet but i installed it anyways. and transfer the files according to their folders. the page was still not showing correctly, so i followed your instructions up till F and it still not showing correctly. the web is lieberti.com and i'm starting from a fresh install with some sample data. any ideas?
Just sent you an email.
Hi, I need calculate the shipping on the cart page. it is possible to add it?. thank you
Hi, I added the box in "Live Demo 2". Write me an eMail and I will give you further details how to add it.
Please advise how I can activate option for “isolated images (on white background)” Thank you. Your support is the best I know. I wish much success to you.
Perhaps the best investment I have ever made in a theme. This theme is for no-nonsense serious e-commerce merchants who want to get job done without compromising on quality. It took me hardly 15 mins to migrate to new theme. This theme is equally good for developers who want a clean base for sub-theme & development. I am equally impressed with Sass technology and clean coding. With little bit of server optimisation I am getting sub 1 second page load time. This is a high quality theme with consistent design throughout, focused purely on superior user experience on any device and ultimately leading to conversion. Thank you Tobi for fantastic weekend support & best wishes!
please update this theme to i have version 188.8.131.52
Look great! I would like buy this theme but I will use this slider creator http://magentoslider.com/ (drag and drop is easy for me, I'm not technical guy). They say it is compatible with all template. But if any bug your company will do support for me or I must ask the module company? Just wonder who will do support me?
Hi, like most theme authors I don't provide support for third party extensions. However, in case of a problem you can write me and if it's a "simple problem" I will help you. Best regards
Put HTML, want to buy HTML + CSS + ESS.
Hi The template is fast but not that fast http://gtmetrix.com/reports/demo.ux-templates.com/zS1uNVrN According to the file size this should be faster. I am interested in this template but I am concerned that it will not be that fast Thank you Scott
Hi Scott, it will be faster if you have an optimized server (PHP, MySQL) and use some caching system like Varnish. The demo shop runs on a "normal" hosting plan without a third-party cache.
Hi Tobi, When will you upgrade the theme to the latest Magento release. Regards.
Hi, there is currently no time frame for an update. Best regards
Congratulations nice work. Welcome to Themeforest.
Thank you vickystudio!
When I open your site, I can't view your thumbs. Screenshot >> http://i.imgur.com/S1pFmbU.png
There are no product images in the live preview, just blank white images. Some products (like http://demo.ux-templates.com/pearlwhite/party-dress-01.html) have "1,2,3" placeholder images on the product page to show the lightbox effect.
Okay, that clear :) Suggestion: I think that more better if you provide product images. Thanks
Are the codes obfuscated? Are CSS & JS files minified? Why you don't give layered PSD of theme?
Hi, CSS & JS are minified in the demo shop for better performance. Of course you will get unminified versions to work with. I don't have a layered PSD file. This theme was designed directly in the browser. You don't need a PSD file, there are no graphics to change. All buttons , shadows etc. are done with CSS and the icons are fonts...
Thank you for reply. But you didn't tell about obfuscation?
Hi, the code is not obfuscated. As a customer you should be able to work with the theme, to modify it.
Hello, Is it possible to extend the "Product description" below the product photos? I hope understand what I mean :) Thanks.
Hi, do you mean if it's possible to have longer product names (2 or more lines) under the product images on the category pages? This is no problem. Or do you want to have the short description like on the category list view (http://demo.ux-templates.com/pearlwhite/women.html?mode=list) also on the grid view?
Sorry, I mean on the product page there is the Product description (Reviews and Product tags) below the green part and I would like it to be below the product images. Like this: https://www.dropbox.com/s/ggdeuc5f8fchwef/ux.png
Ah, ok. This is currently not supported, but it will require only a few changes. It's a good idea, especially if someone wants to add additional tabs and thus needs more space. I will include this as an alternative product page into the next update.
Thank you. Than I'm going to buy this template and looking for the update :) I have to say that not only the template is very nice and well thought but your customer service is very exceptional as well.
Wonderful theme, the currency does it support South African currency? Which payment gateway do you use?
Hi, the currency support is independent from the theme, South African rand is supported by Magento. I don't use a specific payment gateway, only what's integrated in Magento. Magento comes with Authorize.net, Moneybookers, PayPal etc. integration. There are also a lot of extensions for other payment gateways available.
just a tip, look at www.sxc.hu for some free stock images. Do you do custom work? considering buying this theme but want to hire you to modify it
Thank you for the link. I already found some nice images and will add them during the next days. I can customize the theme for you, just write me an email over the contact form with your customize ideas.
Hi! In your demo I see a Color attribute in the layered navigation which is not showing in the product detail view. Can you share how you made that happen? With me it creates always a dropdown in the product view, I can't get it hidden with the basic admin settings. Should I dig deeper in the code to make that happen?
Hi, if you create a configurable product and choose color under "Select Configurable Attributes" you will get the dropdown on the product detail view. In the demo shop I created a second color attribute (color_nav) especially for the layered navigation, which has set "Use in Layered Navigation" to YES and "Use To Create Configurable Product" to NO. For the default color attribute (color) set "Use in Layered Navigation" to NO and "Use To Create Configurable Product" to YES. Now you have two color attributes. One for the creation of configurable products and the other one for the layered navigation. Best regards