Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

X-Cart - reBOOT - Responsive Template

 
Reply
   X-Cart forums > X-Cart 4 > Third Party Add-Ons for X-Cart 4
 
Thread Tools
  #21  
Old 04-12-2013, 11:35 PM
 
yages yages is offline
 

eXpert
  
Join Date: Sep 2004
Location: Australia
Posts: 332
 

Default 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
__________________
yages
x-cart version 4.5.5
Reply With Quote
  #22  
Old 04-13-2013, 06:21 AM
 
elmirage001 elmirage001 is offline
 

X-Wizard
  
Join Date: Apr 2007
Posts: 1,966
 

Default 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.
__________________
X-Cart GoldPlus v4.7.12 | reBOOT (reDUX) Template v4.7.12.9 | Always The Best
Reply With Quote
  #23  
Old 04-13-2013, 08:21 AM
 
GreenDaze Hydro GreenDaze Hydro is offline
 

Member
  
Join Date: Apr 2012
Posts: 26
 

Default 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...
__________________
X-Cart Gold 4.6.0
Ability Template by xcartmods
reBoot Responsive Template by xcartmods
www.greendazehydroponics.co.uk
Reply With Quote
  #24  
Old 04-13-2013, 09:16 AM
 
elmirage001 elmirage001 is offline
 

X-Wizard
  
Join Date: Apr 2007
Posts: 1,966
 

Default Re: X-Cart - reBOOT - Responsive Template

I purchased and then Phil did a $50 refund via PayPal.
__________________
X-Cart GoldPlus v4.7.12 | reBOOT (reDUX) Template v4.7.12.9 | Always The Best
Reply With Quote

The following 2 users thank elmirage001 for this useful post:
GreenDaze Hydro (05-02-2013), PhilJ (04-14-2013)
  #25  
Old 04-14-2013, 11:38 AM
 
PhilJ PhilJ is offline
 

X-Guru
  
Join Date: Nov 2002
Posts: 4,094
 

Default 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.
__________________
xcartmods.co.uk
Reply With Quote

The following user thanks PhilJ for this useful post:
GreenDaze Hydro (05-02-2013)
  #26  
Old 04-14-2013, 09:40 PM
 
elmirage001 elmirage001 is offline
 

X-Wizard
  
Join Date: Apr 2007
Posts: 1,966
 

Default 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
__________________
X-Cart GoldPlus v4.7.12 | reBOOT (reDUX) Template v4.7.12.9 | Always The Best
Reply With Quote
  #27  
Old 04-15-2013, 04:42 AM
 
PhilJ PhilJ is offline
 

X-Guru
  
Join Date: Nov 2002
Posts: 4,094
 

Default 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.
__________________
xcartmods.co.uk
Reply With Quote

The following user thanks PhilJ for this useful post:
elmirage001 (04-16-2013)
  #28  
Old 04-16-2013, 03:58 AM
 
PhilJ PhilJ is offline
 

X-Guru
  
Join Date: Nov 2002
Posts: 4,094
 

Default 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
__________________
xcartmods.co.uk
Reply With Quote

The following user thanks PhilJ for this useful post:
elmirage001 (04-16-2013)
  #29  
Old 04-16-2013, 09:34 PM
 
elmirage001 elmirage001 is offline
 

X-Wizard
  
Join Date: Apr 2007
Posts: 1,966
 

Default 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
__________________
X-Cart GoldPlus v4.7.12 | reBOOT (reDUX) Template v4.7.12.9 | Always The Best
Reply With Quote
  #30  
Old 04-17-2013, 08:32 PM
 
elmirage001 elmirage001 is offline
 

X-Wizard
  
Join Date: Apr 2007
Posts: 1,966
 

Default 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}
__________________
X-Cart GoldPlus v4.7.12 | reBOOT (reDUX) Template v4.7.12.9 | Always The Best
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Third Party Add-Ons for X-Cart 4



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 03:16 PM.

   

 
X-Cart forums © 2001-2020