New responsive template for X-cart
 

Hello, X-Carters!

http://www.x-cart.com/sites/default/files/modules/responsive-icon_180.png

We are excited to announce the Responsive Template for X-cart! This template created by our xcart-guru - Mike White aka totaltec - and we are glad to demonstrate this add-on directly on our website.

Review our press-release here:
http://www.x-cart.com/blog/new-responsive-template.html

Here is the demo of the template:
http://x-guru.com/response/

Video:
http://www.youtube.com/watch?v=R-WD0v0FFIg

http://www.x-cart.com/sites/default/files/blog/show_how_it_works.jpg

Re: New responsive template for X-cart
 

I would like to know more details about this module. It looks interesting to me.

Is it built on 960 Grid System (http://960.gs)? If yes this is a huge step forward for XC and a great addition even the price is a little bit expensive!

Re: New responsive template for X-cart
 

No it is not. Though there are a number of nice projects out there, like 960.gs and Twitter's Bootstrap, it was built from the ground up without any of these extra elements.

The idea was to modify as little code as possible, and not add anything to XC's underlying structure. XC already has many CSS classes and custom code implementations of libraries like jQuery. The main idea behind this template was to simply provide the basis of responsive design, to a familiar template (ideal_comfort), while modifying the core as little as possible.

You have included style sheets that deal with the different device widths, special code to deal with popups on small screens, and the removal of a multitude of tables. Much care has been taken to ensure that every aspect of XC was considered, all the elements/pages/sections are responsive, not just the main pages.

The result is that you can give your "full website" experience to your mobile and tablet customers, without sacrificing anything for those on larger screens. Small screens (down to 350px) will be presented with content that is legible without zooming and panning, and large monitors can be filled up to 1280px wide. The "base" size is indeed 960px.

This template is designed as a base for new XC stores, or as a starting point for that much needed redesign/upgrade. Simply installing this template will not make your existing site responsive (of course) but it will provide that structure for your new site design.

Re: New responsive template for X-cart
 

Thanks Mike for your reply. You did a great job. A new start for thinking XC templates as you said. Those who bought your module taking the advantage of Christmas discounts will appreciate it.

Keep going!

Re: New responsive template for X-cart
 

Re: New responsive template for X-cart
 

Why Responsive Template?

Read answers at Mashable
http://mashable.com/2012/12/11/responsive-web-design/

Re: New responsive template for X-cart
 

With that said Alex - where does XC stand to have all of its default skins responsive and moved to html5/css3?

Re: New responsive template for X-cart
 

Are the current Vivid Dreams templates responsive? I mean, they do stretch and they look good on just about any browser...

Re: New responsive template for X-cart
 

Re: New responsive template for X-cart
 

Will this affect the ability to update X-Cart much? I am interested in this, as I update my site from 4.4.2, but in the update, I want to keep X-cart as "stock" as possible to make future upgrades at least a bit less painful... (I currently have a few mods installed, as well as a custom 3rd party design).

Thanks,

Paul

Re: New responsive template for X-cart
 

Hi,

installed responsive theme and it doesn't allow us change the skin (eg logo). It is not a rights (chmod) thing. in the "regular" ideal template it will change for example logo.png any help would be apreciated because the responsive theme was expensive. What could cause this problem. Thank you in advance.

Rolfodolfo

x-cart 4.5.5 , Linux

Re: New responsive template for X-cart
 

Btw the welcome pic can be changed!

Re: New responsive template for X-cart
 

Can this skin be made to work with v4.4.5 ?
I copied the skin over to my 4.4.5 test store and it mostly worked except a few sql errors pop out and the category menu didn't function correctly

Re: New responsive template for X-cart
 

This issue is caused by the fact that this template have it's own logo file, combined with the gift certificate picture.
We are going to fix this issue in the 4.6.2.

Meanwhile, you can do the following: either edit the combined pictures replacing the logo in them:
skin/ideal_responsive/images/main_sprites_lg.png
skin/ideal_responsive/images/main_sprites_sm.png

Or you can place logo in the skin images folder and modify templates and css to load it instead of current file.

Re: New responsive template for X-cart
 

The skin wasn't tested on v4.4.x and v4.5.x. I guess it may work with some tweaks, but there's no guarantee that it will work properly with these versions, unfortunately.

Re: New responsive template for X-cart
 

I tried again with a fresh install of 4.4.5 and it seems to work perfectly well except for the category menu-the sql errors were caused by something else I was messing with pointing a 4.6.1 install at a 4.4.5 db I should know better :roll:
Also noticed if you have too many tabs on the speed bar it screws things up.

Anyone interested in fixing the menu and relocating the speedbar tabs I have a few dollars in the website budget at the moment

Re: New responsive template for X-cart
 

How do you set this template up to have 3 columns? I need another column on the right for a filter. - Thanks

Re: New responsive template for X-cart
 

Beside the built in ideal_responsive templete, is there other template available with ideal_responsive's dynimic feature?

Re: New responsive template for X-cart
 

You can take a look at the reBOOT template. It's good to look at multiple templates to see what the best match is for your own store.

Re: New responsive template for X-cart
 

Is the latest X-cart now mobile-friendly and mobile-responsive? Who can confirm and demonstrate that (on their own site)?

Re: New responsive template for X-cart
 

using html5 and css3?

Re: New responsive template for X-cart
 

Are you asking me this?

Re: New responsive template for X-cart
 

By new, do you mean X-cart 4 or 5. Both can be responsive. Just depends on the template you use. You can see our template and some example sites:
http://www.bcsengineering.com/store/mobility-x-cart-responsive-template.html

Those are all X-cart 4 though.

Thanks,

Carrie

Re: New responsive template for X-cart
 

Yes, both versions: 4.7.8 and 5.3.