X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Third Party Add-Ons for X-Cart 4 (https://forum.x-cart.com/forumdisplay.php?f=45)
-   -   X-Cart - reBOOT - Responsive Template (https://forum.x-cart.com/showthread.php?t=66570)

PhilJ 04-02-2013 10:48 PM

X-Cart - reBOOT - Responsive Template - Bootstrap Based
 

26th Feb 2020 - X-Cart reBOOT goes into 'sunset' mode.

This means that while reBOOT will still be supported and updated, it will not receive any new features.

reBOOT reDUX is available, which is a complete rewrite of the template based on Bootstrap v4.5.2

Full details are available here

And here

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

23rd May 2020 - reBOOT was updated for v4.7.12

10th May 2019 - reBOOT was updated for v4.7.11

Vacman 04-02-2013 10:58 PM

Re: X-Cart - reBOOT - Responsive Template
 
I like! Will follow this as you develop it.

JacksmithxD 04-03-2013 02:27 PM

Re: X-Cart - reBOOT - Responsive Template
 
I can't wait for your new template, I've had every template off you since the 'smart template' and they were epic, everytime you release a template you up your game, so I can't wait to see this!

Can't wait for it to be released, got a few new clients who are wanting a ecommerce store so I'll more than likely be using this.

Woo :D/

elmirage001 04-03-2013 04:55 PM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Phil, Can't wait to see it and start working on converting my Ability template site to reBoot!

Hi Carl, Glad to see you're interested in Phil's new template too!

Paul

Stizerg 04-04-2013 05:37 PM

Re: X-Cart - reBOOT - Responsive Template
 
I'm waiting for this release too, I need to decide which template to go with by next week, it would be great if you can show us how it looks like, even if it isn't 100% complete. I don't need checkout and mobile parts of template, so I don't care if they're not finished yet.

PhilJ 04-05-2013 05:40 AM

Re: X-Cart - reBOOT - Responsive Template
 
The demo is back up for the moment.

elmirage001 04-06-2013 05:17 PM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Phil, Great job so far!! I was able to use for a bit while you had the store open yesterday (or day before, can't remember...)

I love the way you worked in the On Sale and New Arrivals. It took me a while to figure out that it's part of the Hot Products Module since I'm using Gold. So I purchased Hot Products today and I'll be inline for reBOOT as soon as it's for sale!

Thank you again! Paul

p.s. I always wondered where xcartmods.co.uk was located. I used the reBOOT location link and see you've got connections! :-)

PhilJ 04-07-2013 02:30 AM

Re: X-Cart - reBOOT - Responsive Template
 
Quote:

p.s. I always wondered where xcartmods.co.uk was located. I used the reBOOT location link and see you've got connections! :smile:

Yes, her Maj' sends her regards :D

elmirage001 04-07-2013 01:49 PM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Phil, I'm loving it!

Would it be possible to modify the "Delete Product" red button in the mini-cart. I found myself clicking on it to close the mini-cart popup window. It was so automatic I didn't even notice that I had removed the item from the cart until later when I looked up and saw "Cart is Empty".

98% Done! :-)

PhilJ 04-08-2013 01:37 AM

Re: X-Cart - reBOOT - Responsive Template
 
Sure, I changed the 'delete' icon to a trash can instead.

elmirage001 04-08-2013 04:33 PM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Phil, Thank you very much for the change! I should have thought of using a trash can icon... That's were most of my ideas go :-)

PhilJ 04-09-2013 08:09 AM

Re: X-Cart - reBOOT - Responsive Template
 
reBOOT is now launched folks and can be purchased here :)

If anyone has any questions, feel free to ask.

ADDISON 04-09-2013 08:57 AM

Re: X-Cart - reBOOT - Responsive Template
 
I think I used the most popular CSS Framework of the moment, but Bootstrap is my favorite (tons of features, videos, docs). Finally someone listen lots of my messages here about Twitter Bootstrap Framework.

You did a great job Phil. This is a real responsive template. I would like to see if you'll come over a while with an Admin theme (X-Cart needs one finally). Keep going!

ADDISON 04-09-2013 09:09 AM

Re: X-Cart - reBOOT - Responsive Template
 
Phij - do you offer this free module? "Dynamic AJAX product search (free alternative to Cloud Search)" - I am interested in.

PhilJ 04-09-2013 10:17 AM

Re: X-Cart - reBOOT - Responsive Template
 
Quote:

I think I used the most popular CSS Framework of the moment, but Bootstrap is my favorite (tons of features, videos, docs). Finally someone listen lots of my messages here about Twitter Bootstrap Framework.


Yes, indeed Bootstrap is a great framework and easy to work with.

I've used a cut-down version, only adding the necessary components.

reBOOT uses Bootstrap v2.3.1... Be interesting to see how v3.0 pans out.

Quote:

You did a great job Phil. This is a real responsive template.


Thank you, I appreciate your comments.

Quote:

I would like to see if you'll come over a while with an Admin theme (X-Cart needs one finally). Keep going!


That would be a huge undertaking, but I'm sure profitable if someone has the time to make one :)

Quote:

Phij - do you offer this free module? "Dynamic AJAX product search (free alternative to Cloud Search)" - I am interested in.


reBOOT uses this mod, but only the products search element.

elmirage001 04-10-2013 04:59 PM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Phil, Thank you for sending the files so quickly after purchase! Install was very smooth and quick. Looking under the hood you've really made things much easier for the user to get up and running fast and for those of use who tweak to easily find the file we're looking for. There are a few things I miss (from Ability) but the change make sense for a responsive template that has to live with the recent x-cart changes and now the 3 versions.

I've not had much time to test and have a couple of formatting issues but I need to see if it's from my settings. If it seems to be reBOOT I'll send to you.

Great Job!

Paul

PhilJ 04-12-2013 02:56 AM

Re: X-Cart - reBOOT - Responsive Template
 
Thanks Paul, if there's something you really miss, then I'll consider adding it into reboot... quite open to ideas.

BCSE 04-12-2013 05:17 AM

Re: X-Cart - reBOOT - Responsive Template
 
Phil,

I can't seem to see your new template. When I go to your site, I get redirected to google.com

Carrie

PhilJ 04-12-2013 05:37 AM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Carrie, can you try now... was a slight issue with one of our htaccess files, thanks.

elmirage001 04-12-2013 09:03 PM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Phil,

I'm having a fantastic time working with reBOOT!

The feature I really needed was to have Custom Menus that functioned the way they did in Ability. I solved this by using the <li>....</li> custom menu code from Ability and placing it in the the Speedbar <li>...</li> spot and then used the reBOOT template option of Speedbar for the Header Menu Type. The menu stays responsive and works perfectly!

You've made it so easy :-) Thanks again!

Paul

yages 04-12-2013 11:35 PM

Re: X-Cart - reBOOT - Responsive Template
 
Would be great to have new products link showing in the menu or in the tabs acoss top of page

elmirage001 04-13-2013 06:21 AM

Re: X-Cart - reBOOT - Responsive Template
 
You Can :-) If you have Gold you can Purchase the X-CART Hot Products Module http://www.x-cart.com/extensions/modules/hot-products.html

Phil has already built in support because it's included in Gold Plus. Showing New Arrivals and On Sale products in the Specials Menu are check box options in x-cart modules. I have also added a "On Sale" tab in my top menu.

GreenDaze Hydro 04-13-2013 08:21 AM

Re: X-Cart - reBOOT - Responsive Template
 
Do you need to enter a code to apply the $50 discount Phil, my web guy is waiting to add it to his developers license... ;-)

elmirage001 04-13-2013 09:16 AM

Re: X-Cart - reBOOT - Responsive Template
 
I purchased and then Phil did a $50 refund via PayPal.

PhilJ 04-14-2013 11:38 AM

Re: X-Cart - reBOOT - Responsive Template
 
Quote:

Do you need to enter a code to apply the $50 discount Phil, my web guy is waiting to add it to his developers license...

I've PM'd you a coupon code.

elmirage001 04-14-2013 09:40 PM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Phil,

I use image sprites in my Ability template which I now need to modify to be responsive. This page http://tobyj.net/responsive-sprites/ seems to have the easiest technique I've found so far. Do you have a better source or have you found a sprite tool for responsive websites?

Thanks!

Paul

PhilJ 04-15-2013 04:42 AM

Re: X-Cart - reBOOT - Responsive Template
 
That does look like a good technique. There's dozens of sprite generators out there, but few that are responsive. I'll keep an eye out for more. I've recommended InstantSprite in the template docs. Here's another good one.

I did consider using one main sprite image in the template, which is the ideal for cutting down HTTP requests. But not everyone is familiar with them and updating/maintaining the CSS can be tricky.

I would also recommend compressing all images including sprites with the use of PNGGauntlet.

PhilJ 04-16-2013 03:58 AM

Re: X-Cart - reBOOT - Responsive Template
 
reBOOT is not just any template... lots of things you can do without any additional plugins :)

Click here for examples

elmirage001 04-16-2013 09:34 PM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Phil,

Oh Boy! More stuff I get to play with :-) Bad part is I've been so busy the last few days I've had no time to work on reBOOT. In a day or so I'll get back to work on trying to get a responsive sprite to work and I'll post when I do.

Thank you so much!

Paul

elmirage001 04-17-2013 08:32 PM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Phil,

I've finally found a solution that gives responsive sprite images. I used InstantSprite to create the image sprite (great tool!) which in my example is 4 images 209px by 89px each, lined up horizontally for a total horizontal width of 836px. I do not use any of the CSS or code that it generates and instead us the CSS and code below.

The example below displays my 4 sprite promo images in bar.tpl just like I had in Ability except now the images are responsive.

CSS:
Quote:

#promo-wrap {
max-width: 836px;
margin-bottom: 0px;
padding: 4px 4px 0px 4px;
background-color: rgb(255, 255, 255);
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

#promo-wrap img {max-width: 400%;}

#one {max-width:100%; overflow:hidden; display:inline-block;}
#one img {width:400%;}

#two {max-width:100%; overflow:hidden; display:inline-block;}
#two img {margin-left:-100%; width:400%;}

#three {max-width:100%; overflow:hidden; display:inline-block;}
#three img {margin-left:-200%; width:400%;}

#four {max-width:100%; overflow:hidden; display:inline-block;}
#four img {margin-left:-300%; width:400%;}

My promo.tpl code:
Quote:

{capture name=menu}

<div id="promo-wrap">
<a id="one" href="product_one.html"><img src="images/sprites/promo-sprite.jpg" alt=""></a>
</div>

<div id="promo-wrap">
<a id="two" href="product_two.html"><img src="images/sprites/promo-sprite.jpg" alt=""></a>
</div>

<div id="promo-wrap">
<a id="three" href="product_three.html"><img src="images/sprites/promo-sprite.jpg" alt=""></a>
</div>

<div id="promo-wrap">
<a id="four" href="product_four.html"><img src="images/sprites/promo-sprite.jpg" alt=""></a>
</div>

{/capture}

{include file="customer/menu_dialog_bordered.tpl" title="Promo Items" content=$smarty.capture.menu}

PhilJ 04-18-2013 01:53 AM

Re: X-Cart - reBOOT - Responsive Template
 
Very nice Paul... I do advocate using sprites, but it's always a good idea to check the 'Net' tab in Firebug to see if you actually get much of a gain in speed or overhead saving, for the work put in :)

elmirage001 04-19-2013 09:24 AM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Phil, Thank you so much for telling me about the 'Net' tab! I had not used that before.

My conversion from Ability to reBOOT is going very well and I'm ecstatic with the much more modern look and feel. So far I've been able to include all of my Ability tweaks and keep everything responsive. I still have a lot of work to do but you've organized and simplified everything so much it's a joy to work with!

elmirage001 04-19-2013 09:27 AM

Re: X-Cart - reBOOT - Responsive Template
 
To all Smart, Ability, and Adapt users:

IMHO I highly recommend all Smart, Ability, and Adapt users upgrade to reBOOT so they can start working on it now. X-Cart v 4.5.6 should be out this Summer and with all the changes Qualiteam has been doing there could be issues with the older templates which are NOT supported past 4.5.5.

These are my own person thoughts.

Paul

PhilJ 04-19-2013 11:43 AM

Re: X-Cart - reBOOT - Responsive Template
 
Changelog added here, plus if anyone wants to see what the install procedure is like, it is there too :)

PhilJ 04-21-2013 05:03 PM

Re: X-Cart - reBOOT - Responsive Template
 
Here's a tip for improved source code ordering in '2 column - left' layouts...

skin/reboot/custom/home_2_cols_left.tpl

Replace...
Code:

<div class="row-fluid">
<div class="span3">
{include file="customer/bar.tpl"}
</div>
<div class="span9">
{include file="customer/content.tpl"}
</div>
</div>


With...
Code:

<div class="row-fluid">
<div class="span9 pull-right">
{include file="customer/content.tpl"}
</div>
<div class="span3 pull-left" style="margin:0">
{include file="customer/bar.tpl"}
</div>
</div>


This ensures that important content is displayed first in mobiles/tablets and generally better for SEO.

yages 04-24-2013 09:41 PM

Re: X-Cart - reBOOT - Responsive Template
 
Having problems with Thumbnail images
have set css width to 70px height 160px
Admin have set appearance thumbnail to same settings
Image size 120x160 does not reduce in size it just shows half the image

PhilJ 04-25-2013 03:06 AM

Re: X-Cart - reBOOT - Responsive Template
 
yages, have you tried regenerating the image cache?

You can do so in Tools > Maintenence.

yages 04-25-2013 04:11 AM

Re: X-Cart - reBOOT - Responsive Template
 
regenerating the image cache made no difference

PhilJ 04-25-2013 04:17 AM

Re: X-Cart - reBOOT - Responsive Template
 
Then please post a ticket so I can view your store.

elmirage001 04-27-2013 08:23 AM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Phil, Is there a way to make the iframe lightbox responsive?


All times are GMT -8. The time now is 05:42 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2022, Jelsoft Enterprises Ltd.