X-Cart forums - X-Cart Ability Template v4.4.x

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 Ability Template v4.4.x (https://forum.x-cart.com/showthread.php?t=61776)

Re: X-Cart Ability Template v4.4.x

Quote:

Originally Posted by JacksmithxD

Keyword in Phils instructions, 4.4.4 not 4.4.2. There is quite a few changes since then, try upgrading your site to 4.4.4 as recommended.

Oh, I thought it was "4.4.x" compatible.

What exactly will not function correctly with 4.4.2 and/or 4.4.3?

Re: X-Cart Ability Template v4.4.x

On the New Product tab from the Home page. The price for a shirt shows 19.95 but when you click on the product it shows 23.95. The correct price is 23.95

Also, on the Random Products tab it showed a shirt $22.95 when the actual price was $19.95

I have 2 active tax rates:
8.950 and 6.000

Re: X-Cart Ability Template v4.4.x

If you're using tax rates, then for homepage new and random products only, you just have to hard-code the tax rate. Should only take 2 minutes to do.

Go to the FAQs and look for the FAQ...

The price is not displaying, or not displaying correctly in my new/random products, why?

Re: X-Cart Ability Template v4.4.x

I have read 'The price is not displaying in my new/random products, why?'

But I am uncertain on what to do when I have 2 tax rates of
8.950% and 6.000%

What does tax have to do with showing the price? I want the price to be shown before tax anyways.

Why does this effect only some of the products when all the products are enabled with a tax rate?

Re: X-Cart Ability Template v4.4.x

Then try this code...

Code:

{$config.General.currency_symbol}{math equation="x * y" x=$product.taxed_price y=1.1495 format="%.2f"}

As stated, you only need to do this for the new/random products on the homepage. Nowhere else.

If you want prices to be shown 'before tax', throughout your store, then you need to adjust your tax rate settings in shipping & taxes > tax rates.

Re: X-Cart Ability Template v4.4.x

How do you get the bottom of the logo to sit on the menu bar
The gap needs to be taken out
see image

Re: X-Cart Ability Template v4.4.x

Yages,

If there is no border (space) below the image where the leaves in the image are cut off, you will probably need to add something to the CSS for Container 12 | Grid 6 in regards to bottom padding. On second thought, it may be as simple as changing/adding code for the layout for "abi_header" that holds all the header containers/grids.

I could be wrong, but looking at the templates and CSS it looks like some of the CSS is generalized to minimize the amount of code. You may need to add specifics in the CSS for the container(s) and/or grid mentioned above that house the logo image - to eliminate the bottom padding in the container that is affecting image placement. I'm no wiz at CSS, but that would be where I'd experiment.

I'm sure Phil will be on here to advise you more accurately, but that is what I see in a brief glance at the code.

Re: X-Cart Ability Template v4.4.x

We also need to adjust our logo position :-)

Has anyone got to grips with this grid system?

It looks very easy to adjust, but struggling to find where at the moment.

For example, looking at the product details area code with Firebug I see this

<div class="grid_16 alpha">
<div id="center-main">
<script type="text/javascript">
<script type="text/javascript">
<h2 class="dialog_title">Short-sleeved poplin shirt</h2>
<div class="dialog_content">
<div class="grid_4">
<div class="image-box">
<img id="product_thumbnail" width="125" height="155" alt="Short-sleeved poplin shirt" src="http://www./xcart/images/W/w-378-1.png">
</div>
<table cellspacing="0" cellpadding="0" border="0">
</div>
<div class="grid_12 details">
<div class="clearing"></div>
<div class="clearing"></div>
</div>

Adjusting grid_4(image area), and grid_12 details works in Firebug, but where does this come from?

Grid.css gives % sizes, is this where it needs changing?

Any pointers appreciated :D

Re: X-Cart Ability Template v4.4.x

Yages, your header right hand column is probably larger in height... probably the reason the logo has the bottom gap.

The grid system is pretty straightforward, it uses the 960.gs system, but modified to be flexible width, ie. use % instead of px.

Here's some example code to show a variety of layouts...

Code:

<div class="grid_4">

    <p class="box">Column 4/16</p>

</div>

<div class="grid_12">

    <p class="box">Column 12/16</p>

</div>

<div class="clearing"></div>



<div class="grid_4">

    <p class="box">Column 4/16</p>

</div>

<div class="grid_4">

    <p class="box">Column 4/16</p>

</div>

<div class="grid_8">

    <p class="box">Column 8/16</p>

</div>

<div class="clearing"></div>



<div class="grid_4">

    <p class="box">Column 4/16</p>

</div>

<div class="grid_4">

    <p class="box">Column 4/16</p>

</div>

<div class="grid_4">

    <p class="box">Column 4/16</p>

</div>

<div class="grid_4">

    <p class="box">Column 4/16</p>

</div>

<div class="clearing"></div>



<div class="grid_8">

    <p class="box">Column 8/16</p>

</div>

<div class="grid_8">

    <p class="box">Column 8/16</p>

</div>

<div class="clearing"></div>



<div class="grid_3">

    <p class="box">Column 3/16</p>

</div>

<div class="grid_13">

    <p class="box">Column 13/16</p>

</div>

<div class="clearing"></div>



<div class="grid_5">

    <p class="box">Column 5/16</p>

</div>

<div class="grid_11">

    <p class="box">Column 11/16</p>

</div>

<div class="clearing"></div>



<div class="grid_7">

    <p class="box">Column 7/16</p>

</div>

<div class="grid_9">

    <p class="box">Column 9/16</p>

</div>

<div class="clearing"></div>

Demo

Try testing by pasting into a static page.

The header can use up to 12 columns, the body content uses 16 columns.

There's no need to modify grid.css unless you know what you're doing.

Re: X-Cart Ability Template v4.4.x

Quote:

Originally Posted by PhilJ

Then try this code...

Code:

{$config.General.currency_symbol}{math equation="x * y" x=$product.taxed_price y=1.1495 format="%.2f"}

I implemented the code you suggested. This code made the issue worst so I reverted back.

Jason