X-Cart forums - X-Cart - Ultra - 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 - Ultra - Responsive Template (https://forum.x-cart.com/showthread.php?t=74358)

Re: X-Cart - Ultra - Responsive Template

I removed the logo on the invoice, as I saw no point in it being there. If you want it back, then just replace skin/reboot/mail/html/order_invoice.tpl with the stock version.

Re: X-Cart - Ultra - Responsive Template

I found out that the bug about the address popup is caused by my custom code. Sorry for the trouble!

Re: X-Cart - Ultra - Responsive Template

Hi Phil, I got a broken image of the checkout avatar. Can you tell me how to fix it?

I also got this js error when the page loaded :

Failed to load resource: the server responded with a status of 404 (Not Found)
http://i0.wp.com/localhost/xcart_dev/skin/ultra/images/default_avatar.png

Susilo

Re: X-Cart - Ultra - Responsive Template

The store must be open and on a live server for avatars to work...

Re: X-Cart - Ultra - Responsive Template

v1.0.2 Released 4th Oct 2016

Now supports PHP 7.0.x
Support added for the Product Configurator module
Open Graph data added
Categories can now be hidden from the category menus
FAQ page is now multi-language capable
Minor tweaks and improvements

Re: X-Cart - Ultra - Responsive Template

Hi Phil,

My category names in the top nav bar are wrapping onto a second line, even though the name are not long and I am viewing on a large screen. Can you please let me know how to increase the field witch so they won't wrap.

How can we turn off the subheader? I though adding subheader = false to the configure file would work, but it didn't.

The list price is showing (with a line though it) when the retail price is the same on the thumbnail images of category pages. Can you please let us know how to adjust this so retail only shows when list is lower?

Also, can you please let me know how to decrease the height of the top and lower headers and the breadcrumb font and area?

Thank you for your help

Re: X-Cart - Ultra - Responsive Template

Quote:

My category names in the top nav bar are wrapping onto a second line, even though the name are not long and I am viewing on a large screen. Can you please let me know how to increase the field widch so they won't wrap.

Two ways, either decrease the font-size, or decrease the number of header parent categories on display from 8 to 6.

For the latter, edit skin/customer/header/header_categories.tpl
Replace...

Code:

{if $smarty.foreach.count.index eq 7}

With...

Code:

{if $smarty.foreach.count.index eq 5}

Then replace...

Code:

{if $smarty.foreach.count.index gte 7}

With...

Code:

{if $smarty.foreach.count.index gte 5}

Then edit css/altskin.css
Replace...

Code:

nav.tile-nav li { overflow: visible; width: 12.5%; }

With...

Code:

nav.tile-nav li { overflow: visible; width: 16.66%; }

And...

Code:

nav.tile-nav li { width: 25%; }

With...

Code:

nav.tile-nav li { width: 33.33%; }

Quote:

How can we turn off the subheader? I though adding subheader = false to the configure file would work, but it didn't.

You'd need to comment them out, but don't forget, every page needs a H1 tag.

Quote:

The list price is showing (with a line though it) when the retail price is the same on the thumbnail images of category pages. Can you please let us know how to adjust this so retail only shows when list is lower?

In skin/ultra/customer/main/products_t.tpl
Replace...

Code:

{if $product.list_price ne 0}<span class="product-price text-danger text-sm"><s>{currency value=$product.list_price}</s></span> {/if}

with...

Code:

{if $product.list_price ne 0 && ($product.list_price ne $product.taxed_price)}<span class="product-price text-danger text-sm"><s>{currency value=$product.list_price}</s></span> {/if}

Quote:

Also, can you please let me know how to decrease the height of the top and lower headers and the breadcrumb font and area?

Modify the paddings in the following CSS rules...

.header-upper {} (css/altskin.css)
header {} (css/altskin.css)
.breadcrumb-container {} (css/bootstrap.overrides.css)

Re: X-Cart - Ultra - Responsive Template

Thanks Phil.

On the header, I only have 5 categories. What numbers do I need to put in for 5 categories?

Also, I would like to get the speed bar in the upper header. How can I do that?

Thank again.

Re: X-Cart - Ultra - Responsive Template

Quote:

On the header, I only have 5 categories. What numbers do I need to put in for 5 categories?

If you get in touch by live chat or whatever, I'll talk you through it.

Quote:

Also, I would like to get the speed bar in the upper header. How can I do that?

You could insert a compact dropdown speedbar menu in skin/ultra/custom/header/header_upper_style_x.tpl with code like this...

Code:

<div class="btn-group">

<button type="button" class="btn btn-sm btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Links</button>

<div class="dropdown-menu">

{section loop=$speed_bar name=sb step=-1}

{if $speed_bar[sb].active eq 'Y'}

<li><a class="dropdown-item" href="{$speed_bar[sb].link|amp}" title="{$speed_bar[sb].title}">{$speed_bar[sb].title}</a></li>

{/if}

{/section}

</div>

</div>

You can see what I mean at the very bottom of this page.