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 11-14-2013 04:21 AM

Re: X-Cart - reBOOT - Responsive Template
 
Custom mega menus are entirely possible, but would require Smarty knowledge to detect category IDs. Obviously requires hard coding.

The code to modify is in skin/reboot/custom/header/header_menu.tpl (lines 55-77)

If you did decide to make a 'custom' mega menu, it will magically remain responsive for small devices.

Learner 11-15-2013 02:31 AM

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

Originally Posted by PhilJ
Button sizes are controlled by classes...

Standard...
Code:

class="btn-custom"

Full width, according to container....
Code:

class="btn-custom btn-block"

See here for more info...
http://getbootstrap.com/css/#buttons



Cannot understand what you say.For those button which is large in size like-

Proceed to pay in cart page,continue button in checkout page and submit order button in Final submission page smaller than the current one without affecting other buttons?

Learner 11-15-2013 05:01 AM

Re: X-Cart - reBOOT - Responsive Template
 
Hello,
In my product detail page next previous option is not showing.How to bring that?

When the addons will be released fully for version 2?

Thanks for the nice template.

alinush 11-15-2013 12:20 PM

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

Thank you for your reply - did you get the chance to check yet?

Best wishes

Alin

Quote:

Originally Posted by PhilJ
Alinush, I will get back to you on that. I need to run some tests


Freakmode 11-19-2013 08:04 AM

Re: X-Cart - reBOOT - Responsive Template
 
Sorry Phil
Another dumb question.

I wish to change the .panel-title colour but it looks like it is picked up from bootstrap.min.css

How can I do this? I need to change the title colour from black to white and the background to #a200bf

THanks

PhilJ 11-19-2013 08:06 AM

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

I wish to change the .panel-title colour

Check in skin/reboot/css/themes/Purple.css (or whatever theme you are using)

Code:

.panel-default-m { border-color: #DDDDDD!important; }
.panel-default-m > .panel-heading { color: #000000; background-color: #EEEEEE; border-color: #DDDDDD; }
.panel-default-d { border-color: #DDDDDD; }
.panel-default-d > .panel-heading { color: #000000; background-color: #EEEEEE; border-color: #DDDDDD; }


Or, if using the 'Custom' theme, you can change the colours in the reBOOT settings page...

Quote:

- Menu boxed style background colour
- Menu boxed style border colour
- Menu boxed style text colour
- Dialog boxed style background colour
- Dialog boxed style border colour
- Dialog boxed style text colour

Freakmode 11-19-2013 08:15 AM

Re: X-Cart - reBOOT - Responsive Template
 
Ignore that I worked it out

I added
.panel-title {
color: #ffffff;
}
.panel-default>.panel-heading {
background-color: #a200bf;
}

to the theme css

Freakmode 11-19-2013 11:16 PM

Re: X-Cart - reBOOT - Responsive Template
 
Last question and I think we may go live with V2

I have a 3 column home page with image link stacked tiles in the right hand column. Would it be possible to make these images responsive too as they fit great on the desktop but are still the same size when viewed on an iPad and need to be smaller to fit in the reduced column.

Learner 11-19-2013 11:28 PM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Phil,
In my product detail page next previous option is not showing.How to bring that?

Anyone facing the same issue?

Also another simple question to ask-
how to to display uniform display for large monitor,extra large monitor and normal monitor same in reboot v2?

PhilJ 11-20-2013 04:42 AM

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

I have a 3 column home page with image link stacked tiles in the right hand column. Would it be possible to make these images responsive too as they fit great on the desktop but are still the same size when viewed on an iPad and need to be smaller to fit in the reduced column.

You can make any images responsive, by adding the class "img-responsive".
Quote:

<img src="xxxx" class="img-responsive">

If you want a border around the image, you can use class="img-responsive img-thumbnail"


All times are GMT -8. The time now is 01:02 PM.

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