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-05-2013 05:17 AM

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

For V2, it would be better if you can make the "add to cart popup" smaller for mobile phones. Right now it is not functional for a phone, so I've had to turn this mod off.
Thanks costanza, this is fixed in v2. I have set to 480 pixels wide, you can go smaller if you want. It is also now resizable and draggable.

Soft-Reseller.com 11-05-2013 10:11 AM

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

Originally Posted by PhilJ
I keep getting asked about v2, so I am opening up the v2 demo for a short while.

There are still some modules to be tested and some more coding to be done. So it's still some way from final yet.

Please don't register or put any test orders through, thanks.

http://www.xcartmods.co.uk/reboot/461


Hello Phil
Great to see the V2 demo. I am not first to comment but I can claim that I was the first to visit the site.
  • The social network icons looks great and happy to see nearly all main social networks are now included.
  • TABs are now more smarter.
  • "Add to Cart" windows looks great.
  • Products display with sorting options is great.
  • Column titles with icons looks more attractive.
  • Mini cart "great"..
  • Next and previous product now looks great.
Now curiously waiting for the release. Hope to see soon on my server.
Great work done, Wish you best of luck.
Regards

PhilJ 11-06-2013 07:39 AM

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

Now curiously waiting for the release. Hope to see soon on my server.

Thank you! It will be released quite soon (few days max). Everyone will be notified by email.

There's a lot of testing involved, so please be patient.

YSlow results for pages are coming in at 90+/100 (A)

Current template settings screenshot


There's plenty of cool things you can do...
http://www.xcartmods.co.uk/reboot/461/pages.php?pageid=6

We have a rather nice new dynamic, responsive gallery included...
http://www.xcartmods.co.uk/reboot/461/pages.php?pageid=7

You have all of Bootstrap 3 at your disposal...

We will also be bundling in the Redactor HTML editors free.

Summary of v2 changes...
  • Built on X-Cart v4.6.1 Platinum (compatible with Gold and Gold Plus also)
  • Bootstrap 3 and FontAwesome 4 (both are now loaded from the CDN)
  • Optimised for more speed and better SEO
  • Improved cross-browser support
  • Improved HTML and inline JS/CSS compressor
  • Improved image lazy loading
  • Improved responsiveness throughout
  • Improved column layouts content ordering (SEO)
  • Improved and re-arranged template settings page - more user friendly
  • Improved custom theme options, more control over layout colours, buttons etc.
  • Improved category menus, more options, new 5 level sliding menu, 3 level mega menu built in
  • Improved category menus for tablets/mobiles
  • Improved homepage settings
  • Increased homepage slider from 5 to 10 images
  • Improved responsive image sliders/carousels with touch/mouse drag capability, CSS3 transitions and lazy loading
  • Improved responsive horizontal/vertical tabs and accordions
  • Improved added to cart popup
  • Homepage countdown alert feature added
  • Customer account menu moved to the sidebar
  • Customer account section revised
  • Two types of menu/dialog - boxed or underlined
  • Ability to use any font stack throughout the store
  • New page load progress indicator
  • New dynamic, responsive gallery addon built in
  • New responsive video playlist addon
  • Increased social networking profiles
  • Hundreds of tweaks/fixes, too many to list
  • Redactor HTML editors included
  • Partial Infinite Scroll module support
We are still tweaking...

If you have any suggestions, feel free to PM me.

billstevens 11-06-2013 08:27 AM

Re: X-Cart - reBOOT - Responsive Template
 
Phil, I have a question regarding the function of the built in X-Cart 4.6.x "On Sale" Module. It appears that some of the functionality, such as "Show on sale products first in product list" and displaying a "sale" icon over the product image, does not function in ReBoot V1. Am I missing something here to make this work (I searched this thread and don't see any other reference to it), or will/can compatibility with this built in module be improved to display the sale icon over the product and sir the sale products first within the product list.

Thanks in advance for your time.
-Bill

PhilJ 11-06-2013 03:57 PM

Re: X-Cart - reBOOT - Responsive Template
 
Bill, onsale products should be displaying first in the products search results, if that onsale module option is checked.

If you're still stuck, post a ticket and I'll take a look at your store.

BCSE 11-08-2013 06:58 AM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Phil,
I have an order pending from the 4th for a client for this template. Please look into it so we can get it and continue with our project.

Thanks,
Carrie

PhilJ 11-08-2013 07:04 AM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Carrie, I've sent the files over, but am planning to release v2 on Monday... I'll let you know.

BCSE 11-08-2013 07:10 AM

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

Originally Posted by PhilJ
Hi Carrie, I've sent the files over, but am planning to release v2 on Monday... I'll let you know.



Thanks Phil! I see the emails now. That email is a white list only email I forgot that I used and your email wasn't on the list yet. I see the emails in spam. I'm adding your domain to the white list now. :)

Carrie

vasilis 11-08-2013 05:09 PM

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

I would like to add responsive content to some static pages of a 4.5.5 site with Reboot installed. The content look/layout would be similar to the x-cart's home page main content, eg, having 2 columns layout in desktop screens, with all the text headings and graphics. What would be the most efficient way to create it?

To create it in Dreamweaver for example, I guess it would not be feasible, since Dreamweaver has it's own responsive css stylesheet and would interfere with that of Reboot skin, right?

Would it be efficient to create it with the built-in html editor of Reboot and use a combination of it's internal styles and additional custom styles?

PhilJ 11-08-2013 05:15 PM

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

I would like to add responsive content to some static pages of a 4.5.5 site with Reboot installed. The content look/layout would be similar to the x-cart's home page main content, eg, having 2 columns layout in desktop screens, with all the text headings and graphics. What would be the most efficient way to create it?

In reBOOT v1.x you just have to utilise the Bootstrap 2 responsive grid framework, which is made up of 12 columns...

http://getbootstrap.com/2.3.2/scaffolding.html

Code:

<div class="row-fluid">
<div class="span6">Col 1</span>
<div class="span6">Col 2</span>
</div>


reBOOT v2 uses Bootstrap 3, so the grid coding is slightly different...

http://getbootstrap.com/css/#grid

Code:

<div class="row">
<div class="col-md-6">Col 1</span>
<div class="col-md-6">Col 2</span>
</div>


I don't advise using Dreamweaver when editing Smarty templates.

Learner 11-08-2013 09:44 PM

Re: X-Cart - reBOOT - Responsive Template
 
Hello Phil,
Previously in my site thumbnail images were in size 100x100 and I want to make it 150x150.

I have done according to your FAQ How do I adjust the dimensions of my product thumbnails?

Also I have done Maintenance->Generate thumbnails options

But after sometimes it is saying Error: Unable to generate thumbnail (Could not find any file for image resizing)

Can you please help me?

vasilis 11-09-2013 02:16 AM

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

In reBOOT v1.x you just have to utilise the Bootstrap 2 responsive grid framework, which is made up of 12 columns...

http://getbootstrap.com/2.3.2/scaffolding.html

Code:
<div class="row-fluid"> <div class="span6">Col 1</span> <div class="span6">Col 2</span> </div>



So, if I understand correctly, do I actually use Reboot's html editor, using Bootstrap's styles and layout logic, which are also embedded in Reboot?

PhilJ 11-09-2013 11:37 AM

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

So, if I understand correctly, do I actually use Reboot's html editor, using Bootstrap's styles and layout logic, which are also embedded in Reboot?

No, PM me and I'll try and help you.

Mav-mbat 11-11-2013 08:47 AM

Re: X-Cart - reBOOT - Responsive Template
 
Great template, though having problems with the slider, when I add new images they don't load, just get the loading caption?

Mav-mbat 11-11-2013 09:41 AM

Re: X-Cart - reBOOT - Responsive Template
 
Scrap it, found the solution and all sorted!

buywink 11-11-2013 10:40 PM

Re: X-Cart - reBOOT - Responsive Template
 
Hi Phil,
Good news that v2 is now live.

I cannot able to change font style and css.

where to change please help.

---
Arca

PhilJ 11-12-2013 03:25 AM

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

I cannot able to change font style and css.
In v2 you can use any font stack. See the template option labelled "Body font stack". You can also use any Google font if you wish.

CSS for individual themes are in skin/reboot/css/themes

CSS for the 'Custom' theme is in skin/reboot/custom/reboot_head.tpl but it's not intended to be modified, as they are dynamically generated from the template settings.

To add/modify your 'Custom' theme CSS styles, you can edit skin/reboot/css/themes/Custom.css

alinush 11-12-2013 09:10 AM

Re: X-Cart - reBOOT - Responsive Template
 
Is there a way to easily turn of the responsiveness of the template?

I made sure that the width of the entire page stays the same, but the top dropdown menu still changes on small resolutions.

Thanks

RSWRussell 11-12-2013 10:00 AM

Re: X-Cart - reBOOT - Responsive Template
 
We have previously installed reBoot v1.21 along with the Flyout and Megamenus addon. We're now configuring reBoot v2. Am I correct in that the alteration to the XCART_CATEGORIES table is no longer necessary, in addition to the changes made to skin/common_files/admin/main/categories.tpl?

PhilJ 11-12-2013 10:45 AM

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

Is there a way to easily turn of the responsiveness of the template?

I made sure that the width of the entire page stays the same, but the top dropdown menu still changes on small resolutions.

Alinush, I will get back to you on that. I need to run some tests.

Quote:

We have previously installed reBoot v1.21 along with the Flyout and Megamenus addon. We're now configuring reBoot v2. Am I correct in that the alteration to the XCART_CATEGORIES table is no longer necessary, in addition to the changes made to skin/common_files/admin/main/categories.tpl?

Russell, that's correct, the responsive category menus have been improved in v2, so those steps are no longer necessary.

Learner 11-12-2013 10:05 PM

Re: X-Cart - reBOOT - Responsive Template
 
Hello Phil.
I have installed new version 2 and it is excellent.

Thanks Phil for a nice template.

I have seen that optimizations tools in order to change css and js cdn urls are

jQuery CDN URL //ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

Bootstrap CSS CDN URL //netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css

Bootstrap JS CDN URL //netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js

Font Awesome CDN URL //netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css

Can I able to change css //netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css by registering or how to change there?

Facing another problems if I delete //netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css then it will call from skin/reboot/css/vendor/bootstrap.min.css but if call the css from there then entire site design get distorted and all borders has gone.

I have a simple request how to work on CSS file locally for a nice template?

Thanks Phil again for a nice template...

Thank you.


Learner 11-13-2013 02:35 AM

Re: X-Cart - reBOOT - Responsive Template
 
Hello Phil,
I have found the solutions.I have seen that netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css

and the css in skin/reboot/css/vendor/bootstrap.min.css codes differs I have coppied the code from cdn URL and pasted in my site.

After that my problem resolves.

Thank you phil for your great contributions for such a good template.

Thanks,

Learner 11-13-2013 04:59 AM

Re: X-Cart - reBOOT - Responsive Template
 
Hi,
How to make 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?

Please help.

PhilJ 11-13-2013 05:27 AM

Re: X-Cart - reBOOT - Responsive Template
 
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

Freakmode 11-13-2013 08:06 AM

Re: X-Cart - reBOOT - Responsive Template
 
Phil

Just installed Reboot 2 to have a play on our devbox - For some reason it now gives us a CDSEO error on categories (file not found). Products work fine though.

Any ideas?

PhilJ 11-13-2013 08:09 AM

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

Just installed Reboot 2 to have a play on our devbox - For some reason it now gives us a CDSEO error on categories (file not found). Products work fine though.

Please post a ticket with access details and I'll take a look.

When enabled, Clean URLs works fine with it... eg.
http://www.xcartmods.co.uk/reboot/461/Cushions/

CDSEO should work fine also.

costanza 11-14-2013 12:10 AM

Re: X-Cart - reBOOT - Responsive Template
 
I had reBOOT V1 previously installed, changed the name of the reboot folder, then ran the patch to install V2. I then did all the code changes. Is this the correct procedure or should have I uninstalled V1 first?

I loaded my logo in V2, but now it has disappeared on the customer pages - now just showing the link. I tried loading the logo again with a different name, but still is not there on the customer pages.

With the V2 install, I also noticed a reboot logo replaced the x-cart logo in admin. This logo has now disappeared too and the x-cart logo is still gone (is a handy link).

Any help would be appreciated!

Freakmode 11-14-2013 01:53 AM

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

Looking at your option for a "custom dropdown flyout menu".
Would really love to use this but is there anyway it can support more than 1 column in the dropdown as our menu is too long.

PhilJ 11-14-2013 03:02 AM

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

I had reBOOT V1 previously installed, changed the name of the reboot folder, then ran the patch to install V2. I then did all the code changes. Is this the correct procedure or should have I uninstalled V1 first?
I loaded my logo in V2, but now it has disappeared on the customer pages - now just showing the link. I tried loading the logo again with a different name, but still is not there on the customer pages.
With the V2 install, I also noticed a reboot logo replaced the x-cart logo in admin. This logo has now disappeared too and the x-cart logo is still gone (is a handy link).


Ideally you want to reverse the v1.x install steps before installing v2.

When uploading logos, ensure you have set the correct path to your store in skin/reboot/js/uploader/config.php

Eg. if your store resides in www.domain.com/store

Replace...
Code:

$storeDir = "";

With...
Code:

$storeDir = "/store/";

Quote:

Looking at your option for a "custom dropdown flyout menu".
Would really love to use this but is there anyway it can support more than 1 column in the dropdown as our menu is too long.


Adding a custom header dropdown flyout dropdown menu is now much easier in v2.

Just edit skin/reboot/custom/header/header_menu_custom.tpl

It is just simple plain nested unordered lists, example code is in that template.

You can go up to 5 levels deep. It stays responsive too.

Freakmode 11-14-2013 03:22 AM

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

Originally Posted by PhilJ

Adding a custom header dropdown flyout dropdown menu is now much easier in v2.

Just edit skin/reboot/custom/header/header_menu_custom.tpl

It is just simple plain nested unordered lists, example code is in that template.

You can go up to 5 levels deep. It stays responsive too.


I can create the menu fine, what I need is the 1st drop down list to span 2 or columns (horizontal)rather than in a long list (vertical)

Like Megamenus but where I can control content.

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 06:51 AM.

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