X-Cart - reBOOT - Responsive Template

PhilJ · #**821** 02-09-2015, 01:26 PM

New v3 addon - Product Price Match - Get it here.

Validated form fields
Populates name and email if logged in
Form submits without page refresh
Responsive, Bootstrap styling
30 second install!

Pitak · #**822** 02-10-2015, 01:14 PM

The new addons are great, however they are not very multi-languages friendly.
Any chance that they'll be updated to support multi-languages?

PhilJ · #**823** 02-11-2015, 05:56 AM

Quote:

The new addons are great, however they are not very multi-languages friendly.
Any chance that they'll be updated to support multi-languages?

ok, I will sort that out on a few of the addons when I get chance.

Pitak · #**824** 02-11-2015, 01:06 PM

1. My reBOOT admin menu got a little messed up after upgrading to v3.41. I now have 2 instances of "Display product videos as" and "HTML minifier". Any idea where I can delete these duplicates?

2. One problem I have with reBOOT is that photos in the product details pages seems to be too large for the mobile phone. I guess this is a problem with all responsive templates. Are there tips on how to make photos/images responsive to small-screen devices? Can this be automated in the reBOOT code?

3. Phil, please take a look at the support ticket I opened roughly 1 month ago.
Tracking ID: S1X-8G4-293N

Thanks and hope to hear from you soon. <3

PhilJ · #**825** 02-11-2015, 03:20 PM

1) Find out the extraneous config setting name (right click the input element and 'Inspect element with Firebug') and run an SQL patch...

DELETE FROM xcart_config WHERE name = 'reboot_xxxxxxxxxx';

Or, you can just re-run the install SQL patch and you'll be back to default, but you'll have to re-tweak the template settings.

2) The lightbox is responsive for mobiles, as is the cloudzoom. You just have to be careful with image file sizes / dimensions. No way of automating it at the moment. There are JS lazy loaders out there that allow you to specify images for specific screen widths, but it's a lot of work.

3) I answered, sorry am busy at the moment.

PhilJ · #**826** 02-11-2015, 03:21 PM

New v3 addon - Glossary Tooltips - Get it here.

Tooltips automatically generated from a text file in JSON format
Admin tool to manage your terms and descriptions
Saves typing repetitive text
Responsive tooltips, mobile friendly
Works on any p, ul, a, div elements within the main content
HTML allowed in descriptions
30 second install!

keystone · #**827** 02-12-2015, 01:15 PM

I have images for all my categories. The dimensions are 200px wide and 140px high. Reboot wants to squish the images when the screen size changes, how can I lock the ratio or the size so that they don't look distorted when the screen size changes?

To clarify, the category image that is up with the description stays perfect, it is the images below (the ones for all the subcategories)

PhilJ · #**828** 02-12-2015, 01:29 PM

Quote:

I have images for all my categories. The dimensions are 200px wide and 140px high. Reboot wants to squish the images when the screen size changes, how can I lock the ratio or the size so that they don't look distorted when the screen size changes?

You can adjust the subcategory columns in skin/reboot/customer/main/subcategories_t.tpl

Replace...

Code:

col-md-3 col-sm-3 col-xs-6

With, eg...

Code:

col-md-4 col-sm-4 col-xs-6

You can also adjust the subcategory block height in the template settings > Misc > "Subcategory column block height (pixels)"

Or, if you don't want responsive images (not recommend) in skin/reboot/css/reboot.css comment out...

Code:

img { max-width: 100%; }

keystone · #**829** 02-13-2015, 07:09 AM

it works good for the col-md and col-sm but I have to go all the way up to col-xs-12 for it not to squish the images on a vertical phone screen. The issue then is that for a horizontal phone screen there is a lot of space on either side of the images. As I "inspect elements" in google chrome and start to slide my screen, it looks like col-md lasts from full screen down to about half (1000px wide) then col-sm goes from 1000px to about 786px and col-xs is from 767px all the way down.

It seems like if col-sm would not switch over to col-xs so soon it would help. Is that something can be adjusted or is there a standard at which the switch over happens and I should leave that alone?

Or is there a way that my subcategory icons would be able to be set to shrink in height as well as width as the screen gets smaller, not just width?

I tried using the subcategory block height in the reboot template settings but all that does is set how high the entire subcategory block is, not just the image.

In the x-cart ideal responsive skin, when I slide the screen, my subcategory images do not resize at all, they just move below each other when the screen get too small to have them side by side.

PhilJ · #**830** 02-13-2015, 08:00 AM

Hard to say without looking at your store. You can post a ticket with your URL and I'll take a look.

EDIT: This was solved by editing skin/reboot/customer/main/subcategories_t.tpl

Replacing...

Code:

width="{$subcategory.image_x}" height="{$subcategory.image_y}"

With...

Code:

{*width="{$subcategory.image_x}" height="{$subcategory.image_y}"*}