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

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)

Re: X-Cart - reBOOT - Responsive Template

New item. In X-Cart 4.7.1 with reBOOT 3.5 I'm getting two "Continue Shopping" links when viewing the cart. Happens in both desktop and mobile modes. Affected file is /reboot/modules/One_Page_Checkout/content.tpl. For now I'm commenting out the second set, which looks like it is intended for mobile users.

I have not turned on any checkout modules except for 'one page'. No Amazon or PayPal yet, and no POS module.

desktop mobile

Otherwise all is looking good so far with reBOOT 3.5

Re: X-Cart - reBOOT - Responsive Template

I had some problems with X-Cart 4.7.1 and reBOOT template 3.50. I submitted a ticket for reBOOT issues on the 12th April and never received a reply. Then on the 15th I got tired of waiting because the shop was closed for 2 days. I restored back to 4.6.6 and closed the ticket with reBOOT people. The reBOOT template and the modules need some more work.
The upgrade from X-Cart 4.6.6 to 4.7.1 was smooth without errors on over 7500 products. It was the reBOOT template and its modules that I had problems which was not replied by the reBOOT people. Usually the reBOOT support used to answer within 24 hours to any support ticket. This time no answer at all.

Re: X-Cart - reBOOT - Responsive Template

Quote:

Bullfrog, please use the attached /reboot/modules/One_Page_Checkout/content.tpl

Re: X-Cart - reBOOT - Responsive Template

With the updated file I'm now getting two 'checkout' buttons at the top. Commenting out

Code:

      {if !$std_checkout_disabled and !$amazon_enabled and !$paypal_express_active}

        {include file="customer/buttons/button.tpl" button_title=$lng.lbl_checkout style="div_button" href="cart.php?mode=checkout" additional_button_class="checkout-3-button"}

      {/if}

makes it look right. I'm not using Amazon or Paypal Express (yet), but the 'if' line is still allowing the extra button. Don't know why.

I'll be traveling for a week, so will continue this project then.

Re: X-Cart - reBOOT - Responsive Template

Quote:

Originally Posted by PhilJ

Assuming you want an icon / description, use Bootstrap columns...

Code:

<div class="row">

<div class="col-md-2 mobile-center">

<img src="path/to/image.jpg" alt="whatever">

</div>

<div class="col-md-10">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et orci nec lectus lobortis commodo sit amet a mauris.</p>

</div>

</div>

Or, just float the image like this...

Code:

<img src="path/to/image.jpg" alt="whatever" class="left-float"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et orci nec lectus lobortis commodo sit amet a mauris.</p>

Then add CSS to skin/reboot/css/reboot.css

Code:

img.left-float { float: left; margin: 0 10px 10px 0; }

Hi Phil,
Cannot understand properly.I want to add html code in category description and want to add various manufacturer logo in simple html file in home page and want to make it responsive.Now please let me know how to make it responsive so that it will display uniformly in every device irrespective of skin resolution.

Please help me.

Thanks,
xtech

Re: X-Cart - reBOOT - Responsive Template

xtech, I gave you code for your subcats page already. It's a bit vague as to exactly what you're after, so get in touch if you want some custom help.

Quote:

want to add various manufacturer logo in simple html file in home page

A 4 x 2 responsive grid of centered logos, that is mobile friendly would be as such...

Code:

{capture name=dialog}

<div class="row">

<div class="col-xs-12 col-sm-6 col-md-3 text-center"><a href="#link"><img src="{$AltImagesDir}/image.jpg" alt="Whatever"><br>Text</a></div>

<div class="col-xs-12 col-sm-6 col-md-3 text-center"><a href="#link"><img src="{$AltImagesDir}/image.jpg" alt="Whatever"><br>Text</a></div>

<div class="col-xs-12 col-sm-6 col-md-3 text-center"><a href="#link"><img src="{$AltImagesDir}/image.jpg" alt="Whatever"><br>Text</a></div>

<div class="col-xs-12 col-sm-6 col-md-3 text-center"><a href="#link"><img src="{$AltImagesDir}/image.jpg" alt="Whatever"><br>Text</a></div>

</div>

<div class="row">

<div class="col-xs-12 col-sm-6 col-md-3 text-center"><a href="#link"><img src="{$AltImagesDir}/image.jpg" alt="Whatever"><br>Text</a></div>

<div class="col-xs-12 col-sm-6 col-md-3 text-center"><a href="#link"><img src="{$AltImagesDir}/image.jpg" alt="Whatever"><br>Text</a></div>

<div class="col-xs-12 col-sm-6 col-md-3 text-center"><a href="#link"><img src="{$AltImagesDir}/image.jpg" alt="Whatever"><br>Text</a></div>

<div class="col-xs-12 col-sm-6 col-md-3 text-center"><a href="#link"><img src="{$AltImagesDir}/image.jpg" alt="Whatever"><br>Text</a></div>

</div>

{/capture}

{include file="customer/dialog.tpl" title="Whatever" content=$smarty.capture.dialog}

Have a look at the Bootstrap Grid System. It's not that hard to learn.

Alternatively, you can enable the homepage manufacturers logo carousel in the template options.

Re: X-Cart - reBOOT - Responsive Template

Hi,
In any category Page In sort by options I want to display product in this way 24,48,96 that is multiple of 24.How to display that in the sort by field options?

Thanks,
xtech

Re: X-Cart - reBOOT - Responsive Template

Quote:

In any category Page In sort by options I want to display product in this way 24,48,96 that is multiple of 24.How to display that in the sort by field options?

In include/search.php around line 1162, after...

Code:

$perPageValues = array();

Along similar lines, replace the code below with...

Code:

        for ($i = 24; 96 >= $i; $i = $i + 24) {

            $perPageValues[] = $i;

        }

Re: X-Cart - reBOOT - Responsive Template

Quote:

Originally Posted by PhilJ

In include/search.php around line 1162, after...

Code:

$perPageValues = array();

Along similar lines, replace the code below with...

Code:

        for ($i = 24; 96 >= $i; $i = $i + 24) {

            $perPageValues[] = $i;

        }

Thank you for your reply now to display from 24 to 576 what will be the logic?

Re: X-Cart - reBOOT - Responsive Template

I would strongly advise against doing that TBH. But if you must, replace the 96 figure, which is the upper limit.