X-Cart forums - X-Cart - reBOOT - Responsive Template

Page 22 of 37

« First

Last »

Show 40 posts from this thread on one page

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

02-20-2015 04:35 AM

Re: X-Cart - reBOOT - Responsive Template

Quote:

Phil, on 3.4.1 checkout page I notice that the phone number input box is on the same "line" as the zip code input box and on my system it is too small to display the entire phone number as it is entered.

Where should I be looking to adjust the size (width) or preferably drop it to just under the zip code?

Hi Carl, add this code to skin/reboot/css/reboot.css ...

Code:

#opc_profile input#b_firstname, #opc_profile input#b_lastname, #ship2diff_box input#s_firstname, #ship2diff_box input#s_lastname { min-width: 255px; }

#opc_profile input#b_phone, #ship2diff_box input#s_phone { min-width: 255px; }

Demo here.

Vacman

02-20-2015 12:07 PM

Re: X-Cart - reBOOT - Responsive Template

Bingo! Looks much better now!

Thanks!

elmirage001

02-20-2015 04:45 PM

Re: X-Cart - reBOOT - Responsive Template

Quote:

Originally Posted by PhilJ

Another one added :)

(Youtube Video Channel Widget)

WOW is that cool !! Phil, you drive my competition crazy :-)

Paul

PhilJ

02-20-2015 05:54 PM

Re: X-Cart - reBOOT - Responsive Template

More coming :)

PhilJ

02-21-2015 04:58 AM

Re: X-Cart - reBOOT - Responsive Template

At great expense, unzip and replace into skin/reboot/lib/cloud_zoom/

Vacman

02-21-2015 07:48 AM

Re: X-Cart - reBOOT - Responsive Template

I checked out the Cloud Zoom site and the it looks cool.

The question is, do we have to turn anything on on our sites to use this? I loaded into mine and cleared the cache, but my images still display the same way.

PhilJ

02-21-2015 07:53 AM

Re: X-Cart - reBOOT - Responsive Template

Just the licence updated for CloudZoom 3.1.

Vacman

02-21-2015 07:56 AM

Re: X-Cart - reBOOT - Responsive Template

That is so awesome! You and your team have me as a lifelong customer!

PhilJ

02-23-2015 03:05 AM

Re: X-Cart - reBOOT - Responsive Template

Quick v3 fix for product rating stars display (mainly for those using X-Cart Gold and the standard Customer Reviews module)...

In skin/reboot/css/reboot.css

Before...

Code:

/*----------- PROMO RIBBONS -----------*/

Insert...

Code:

.creviews-rating-box ul { margin: 0 auto; padding: 0; width: 0px; }

.creviews-vote-bar ul { margin: 0 !important; padding: 0 !important; }

.creviews-vote-bar li { list-style-type: none; display: inline-block; }

rokonkwo

02-23-2015 06:31 AM

Re: X-Cart - reBOOT - Responsive Template

Wow!!! This template really kicks; it is very well done. I love it Phil. Once you get to understand and configure it, you will see its beauty.
I give it 7 Stars (not 5).
Thanks.
Randolph

PhilJ

02-24-2015 05:54 AM

Re: X-Cart - reBOOT - Responsive Template

New CDN available - https://www.keycdn.com

- Only pay for what data you use
- Shared or custom SSL for free!
- Free trial

Looks very promising...

Info

gozindagi

02-26-2015 03:30 AM

Re: X-Cart - reBOOT - Responsive Template

Hi Phil,

Please tell me how can I auto refresh home page after closing reboot_newsletter_popup window? Our X-Cart version version is 4.6.1

Thanks,
gozindagi

PhilJ

02-26-2015 09:04 AM

Re: X-Cart - reBOOT - Responsive Template

Quote:

Please tell me how can I auto refresh home page after closing reboot_newsletter_popup window? Our X-Cart version version is 4.6.1

Not sure I see any real need for that...?

PhilJ

02-28-2015 11:53 AM

Re: X-Cart - reBOOT - Responsive Template

New v3 addon - Upselling Products from a Category - Get it here.

Displays upselling products from a specific single category
Set the number of upselling products displayed per product
Optional randomized upselling products per product
Option to display upselling products in new window / tab
Works alongside the existing upselling and recommended products modules
Time saving module for adding upselling / related products quicker, especially on large stores

Pitak

02-28-2015 12:33 PM

Re: X-Cart - reBOOT - Responsive Template

I've set a custom default_avatar.jpg for the Gravatar icon before. Now when I changed the icon file (default_avatar.jpg), the displayed default icons remains the same and does not reflect this change. I've cleared caches/templates files. It has been more than a week since I last change this. Any idea what went wrong?

PhilJ

02-28-2015 12:42 PM

Re: X-Cart - reBOOT - Responsive Template

Hi Pitak, change the filename of default_avatar.jpg to something else, then change around line 27 of skin/reboot/modules/Testimonials/testimonials.tpl

Code:

{assign var="default_avatar" value="`$http_location`/skin/reboot/modules/Testimonials/images/default_avatar.jpg"}

That should sort it.

Vacman

02-28-2015 10:23 PM

Re: X-Cart - reBOOT - Responsive Template

Hey Phil, I've been playing around with the lightbox on my product page.

The issue that I am having is if I have the Detailed Product Images setting page set to Cloud Zoom, it displays the expanded image to the right of the image I am mousing over (Note: I have my images displayed on the right side of the page instead of the left).

Is there a way to control where that pop-up displays?

PhilJ

03-01-2015 12:38 AM

Re: X-Cart - reBOOT - Responsive Template

Hi Carl, in skin/reboot/modules/Detailed_Product_Images/cloudzoom_image.tpl

Replace...

Quote:

zoomPosition:'4'

With...

Quote:

zoomPosition:'12'

All the possible positions of the popup are here.

Vacman

03-01-2015 02:19 PM

Re: X-Cart - reBOOT - Responsive Template

Awesome! Thanks! Worked like a charm.

xtech

03-02-2015 01:00 AM

Re: X-Cart - reBOOT - Responsive Template

Hi,
In Manufacturer slider on home page how to put top 20 Manufacturer manually?

Thanks,
xtech

PhilJ

03-02-2015 01:19 AM

Re: X-Cart - reBOOT - Responsive Template

Quote:

In Manufacturer slider on home page how to put top 20 Manufacturer manually?

You'll need to edit skin/reboot/custom/widgets/home_manufacturers.tpl
Take out the opening and closing {foreach} loop code.
Then add your manufacturers manually, using the code within the old {foreach} loop...

Quote:

<div class="item text-center">
<a href="manufacturers.php?manufacturerid=123" title="Manufacturer">
<img class="lazy" src="{$AltImagesDir}/spacer.gif" width="1" height="1" data-src="path/to/manuf/image/image.jpg" alt="Manufacturer">
<p>Manufacturer</p>
</a>
</div>
...

PhilJ

03-05-2015 06:50 AM

Re: X-Cart - reBOOT - Responsive Template

Quick adjustment to show NEW product labels / ribbons automatically...

(Adheres to Modules > New Arrivals > Show products marked as new for N days)

skin/reboot/custom/product_promo_ribbons.tpl

Replace...

Code:

{if $active_modules.New_Arrivals && ($product.mark_as_new eq "A" || $product.mark_as_new eq "S")}

With...

Code:

{math equation="a - (b * c)" a=$smarty.now b=86400 c=$config.New_Arrivals.show_products_marked_new_n_days assign=limit}

{if $active_modules.New_Arrivals && ($product.mark_as_new eq "A" || $product.mark_as_new eq "S") || ($product.add_date lte $smarty.now && $product.add_date gte $limit)}

If you don't want new labels to appear on the homepage, you can use...

Code:

{if !$homepage}

{math equation="a - (b * c)" a=$smarty.now b=86400 c=$config.New_Arrivals.show_products_marked_new_n_days assign=limit}

{if $active_modules.New_Arrivals && ($product.mark_as_new eq "A" || $product.mark_as_new eq "S") || ($product.add_date lte $smarty.now && $product.add_date gte $limit)}

<div class="ribbon-wrapper-left">

    <div class="ribbon-left">{$lng.lbl_new|upper}</div>

</div>

{/if}

{/if}

yages

03-05-2015 08:53 PM

Re: X-Cart - reBOOT - Responsive Template

how do you add a link to subscribe to newletter in header

PhilJ

03-05-2015 11:31 PM

Re: X-Cart - reBOOT - Responsive Template

Quote:

how do you add a link to subscribe to newletter in header

You can install the homepage newsletter popup addon here.

Then invoke the newsletter popup with a hyperlink, eg.

Button...

Code:

<a href="reboot_newsletter_popup.php?lightbox[iframe]=true&lightbox[modal]=false&lightbox[width]=400&lightbox[height]=180" class="btn btn-success lbox"><i class="fa fa-envelope"></i> Subscribe to the Newsletter</a>

Hyperlink...

Code:

<a href="reboot_newsletter_popup.php?lightbox[iframe]=true&lightbox[modal]=false&lightbox[width]=400&lightbox[height]=180" class="lbox"><i class="fa fa-envelope"></i> Subscribe to  the Newsletter</a>

xtech

03-06-2015 01:52 AM

Re: X-Cart - reBOOT - Responsive Template

Hi Phil,
How to set the 'Default' option in the Sort By settings in reboot?

I am using x-cart cloud search module but I wish to see the CloudSearch and Default search show up the similar result but it is not showing.

What is the error here?

Thanks,
xtech

PhilJ

03-06-2015 01:53 AM

Re: X-Cart - reBOOT - Responsive Template

General settings > Appearance > Select the order in which products should be displayed within a category

xtech

03-06-2015 02:02 AM

Re: X-Cart - reBOOT - Responsive Template

I have done this but still CloudSearch and Default search is not showing the similar results.What is the issue?

PhilJ

03-06-2015 02:31 AM

Re: X-Cart - reBOOT - Responsive Template

You'd have to ask QT about that, I'm not too familiar with Cloud Search.

PhilJ

03-06-2015 02:32 AM

Re: X-Cart - reBOOT - Responsive Template

Homepage Newsletter Popup Addon updated - it's now multi-language capable.

Products FAQ and Store Locator addons coming soon.

I'll be updating reBOOT for v4.7.0 after it comes out of beta.

PhilJ

03-06-2015 02:01 PM

Re: X-Cart - reBOOT - Responsive Template

New v3 addon - Product FAQ - Get it here.

Up to 10 FAQs per product
Expandable panels with expand / collapse all buttons
HTML answers allowed

DEMO

PhilJ

03-06-2015 02:13 PM

Re: X-Cart - reBOOT - Responsive Template

Product Configurator module compatibility added for reBOOT v3 - if you need it, get in touch for updated files.

(You'll need the Product Configurator / Wizard module installed, which is part of X-Cart Platinum).

DEMO

Pitak

03-09-2015 01:48 AM

Re: X-Cart - reBOOT - Responsive Template

Phil, I've requested a feature to help make images in product descriptions to be responsive earlier in this thread. I've come across this page:

http://www.rockettheme.com/docs/joomla/basic/creating_responsive_content.md

It has something like a custom class which you can wrap your image in. Is there something like this available in reBOOT?

PhilJ

03-09-2015 01:54 AM

Re: X-Cart - reBOOT - Responsive Template

Quote:

It has something like a custom class which you can wrap your image in. Is there something like this available in reBOOT?

You can add class="img-responsive" to your description images, or class="img-responsive img-center" to center them also.

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

Or, set a global CSS rule for images in the product description containers, eg. add to skin/reboot/css/reboot.css

Code:

.descr_block img, .product-description img {

  width: 100%;

  max-width: 100%;

  height: auto;

}

Then in...
skin/reboot/custom/product_details_standard.tpl
skin/reboot/custom/product_details_tabs_accordions.tpl
skin/reboot/custom/product_details_tabs_accordions_on_top.tpl
skin/reboot/customer/main/product.tpl

Replace...

Code:

<span itemprop="description">

With...

Code:

<span itemprop="description" class="product-description">

Demo here.

PhilJ

03-13-2015 09:13 AM

Re: X-Cart - reBOOT - Responsive Template

Add a trendy 'sticky' header in 2 quick steps (v3)...

Demo (header style #3, boxed header - for other styles you'll need to tweak the CSS below).

1) In skin/reboot/js/reboot.js

At the end insert...

Code:

// STICKY HEADER

//-----------------------



$(window).scroll(function() {

  if ($(document).scrollTop() > 150 && window.innerWidth >= 992) {

    $('.container_header').addClass('shrink');

  } else {

    $('.container_header').removeClass('shrink');

  }

});

2) In skin/reboot/css/reboot.css

At the end insert...

Code:

/* STICKY HEADER

-----------------------------*/



.container_header { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position: relative; }

.container_header.shrink { width: 1170px !important; position: fixed; top: 0; padding: 0px; background: rgba(0,0,0,0.7); z-index: 9999; }

.container_header.shrink img.header_logo { height: 65px; width: auto; }

.container_header.shrink .header_padding_top_search { padding: 10px !important; }

.container_header.shrink .header_padding_top_buttons { padding: 15px !important; }

@media only screen and (max-width: 1199px) {

    .container_header.shrink { width: 970px !important; }

}

@media only screen and (max-width: 991px) {

    .container_header.shrink { width: auto; position: relative; padding: auto; background: inherit; }

}

Note, appears in 992px wide and up only.
Looks better if you have a transparent PNG logo image.

elmirage001

03-13-2015 07:45 PM

Re: X-Cart - reBOOT - Responsive Template

Quote:

Originally Posted by PhilJ

Add a trendy 'sticky' header in 2 quick steps (v3).

Very Cool Phil! I was going to relax my brain but now after seeing this it's in hyper-drive thinking of cool things I can do! :-) Thank you! Paul

Pitak

03-14-2015 06:19 AM

Re: X-Cart - reBOOT - Responsive Template

Phil, the responsive images code above blows up all small images to 100% width too. Is it possible to only apply the code only to images that has more than 650px width?

PhilJ

03-15-2015 05:07 AM

Re: X-Cart - reBOOT - Responsive Template

Maybe try...

Code:

.descr_block img, .product-description img {

       width: 100%;

       max-width: 100%;

       height: auto;

}

@media only screen and (max-width: 650px) {

       .descr_block img, .product-description img {

             width: auto;

       }

}

Pitak

03-15-2015 05:34 AM

Re: X-Cart - reBOOT - Responsive Template

Thanks, Phil. However all small images are still enlarged to 100% width.

PhilJ

03-15-2015 05:48 AM

Re: X-Cart - reBOOT - Responsive Template

Try...

Quote:

width: auto;
max-width: Xpx;

Pitak

03-15-2015 08:09 PM

Re: X-Cart - reBOOT - Responsive Template

Phil, still not working. :(

All times are GMT -8. The time now is 06:12 PM.

Page 22 of 37

« First

Last »

Show 40 posts from this thread on one page