X-Cart: shopping cart software

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)

yages 01-18-2012 01:20 AM

Re: X-Cart Ability Template v4.4.x
 
1 Attachment(s)
I have problem with the layout, some pages are OK some like like this image, boxes are smaller for some and all over the placeand add to cart buttons disappear

PhilJ 01-18-2012 01:36 AM

Re: X-Cart Ability Template v4.4.x
 
Yages, either...

1) Assuming you're using the grid/row switcher layout, enlarge the product(s) container height to make it uniform by modifying the CSS code in...

skin/ability/custom/css/common.css

---
ul.grid_view li .product_block .thumbcol { text-align: center; width: 100%; height: 180px; /* Largest Thumbnail Height + Padding */ }
---

OR

2) Reduce the font size of your product titles.

---
ul.row_view li .product_block h2 { margin: 0; padding: 0 0 10px 0; font-weight: normal; font-size: 1.3em; }
---

OR

3) Give the "Masonry" columns products layout option a try.

It's all CSS so it helps to use Firebug - www.getfirebug.com

yages 01-18-2012 02:54 AM

Re: X-Cart Ability Template v4.4.x
 
A few things cause the boxes to be different sizes
If a product has a variant no quantity dropdown box shows
If product is out of stock no drop down qty qty and no add to cart button shows
resulting in different sizes boxes

PhilJ 01-18-2012 03:50 AM

Re: X-Cart Ability Template v4.4.x
 
Then you need to tweak/adjust the CSS, to the point where the layout suits all your products.

If you're still having issues, then submit a ticket and I'll try and help.

yvesk 01-18-2012 07:19 AM

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

Is it possible to have on the homepage the roundabout using the one column and under that, the for the rest of the page using the 2 column right layout?

thanks

PhilJ 01-18-2012 07:23 AM

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

Is it possible to have on the homepage the roundabout using the one column and under that, the for the rest of the page using the 2 column right layout?

Yes, it's all available to you in the Ability settings.

You can set the homepage, search pages and product pages to 1/2/3 columns independantly.

yvesk 01-18-2012 07:53 AM

Re: X-Cart Ability Template v4.4.x
 
Thanks Phil, in fact I want to mix one column and two column on the homepage.

I guess I must set the roundabout with grid_16, and the rest of the page with grid_12 et grid_4.
I don't know what file to edit.

PhilJ 01-18-2012 07:57 AM

Re: X-Cart Ability Template v4.4.x
 
You'd have to edit skin/ability/customer/welcome.tpl

Check the FAQs on the grid system, it's quite easy, or view the source of this page...

http://demos.xcartmods.co.uk/ability/Typography-and-Elements.html

Header and footer are 12 columns, the main body content is 16 columns.

yages 01-18-2012 01:35 PM

Re: X-Cart Ability Template v4.4.x
 
Fixed the box height in grid/row switcher layout, changed line 411 height from auto to 380px

yages 01-18-2012 01:42 PM

Re: X-Cart Ability Template v4.4.x
 
Add to cart buttons show for featured products but does not show for other category products

jkwalz 01-21-2012 11:20 AM

Re: X-Cart Ability Template v4.4.x
 
I cannot get the Shopping Cart to re-calculate shipping when the "Change" button is pressed and new location information is entered.

Is this an Ability thing or an X-Cart issue?

PhilJ 01-21-2012 11:22 AM

Re: X-Cart Ability Template v4.4.x
 
The advanced minicart doesn't display shipping costs, hence the subtotal tooltip message...

"Order subtotal does not cover discounts and extra costs like shipping charges, etc. The final cost of the order will be calculated at the checkout page."

This is the same as the default minicart works.

jkwalz 01-21-2012 11:26 AM

Re: X-Cart Ability Template v4.4.x
 
This is when I am looking at the cart itself, not the mini-cart.

PhilJ 01-21-2012 11:30 AM

Re: X-Cart Ability Template v4.4.x
 
What version of X-Cart are you using/testing with? v4.4.4 is recommended.

I know there has been bugs with the shipping calculator going back 2 or 3 versions prior to v4.4.4. Be worth checking the bug tracker...

The template itself makes no changes to the shipping calculator on the cart page.

jkwalz 01-21-2012 06:12 PM

Re: X-Cart Ability Template v4.4.x
 
3 Attachment(s)
Phil- I just {* *} out the shipping calc and added a line telling people that the shipping will be calculated on the next page.

I am having another issue though. My Featured Items display differently in FireFox vs Chrome and IE.

Chrome and IE displays them in nice rows with the short descriptions whereas FireFox displays them in large squares without any text at all.

Any idea how to get FireFox to look like IE and Chrome? The first image is the FireFox version.

Also, there is no enlarged hover-over image that pops out on the Featured Items List. Is there a way to get this to work?

On edit- In "Private Browsing" in FireFox I the page displays correctly. But in regular browsing, even after clearing the cache it still won't display correctly.

Also- when I go to change the products displayed per page it takes me to a 404 error page.

PhilJ 01-22-2012 12:31 AM

Re: X-Cart Ability Template v4.4.x
 
Jason, which version of x-cart you using/testing Ability on?

jkwalz 01-22-2012 03:27 AM

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

Originally Posted by PhilJ
Jason, which version of x-cart you using/testing Ability on?


I am using this on 4.4.2

candc 01-22-2012 04:18 AM

Re: X-Cart Ability Template v4.4.x
 
Is this the site in your sig?

Displaying fine for me in FF, IE, and Chrome. The only issue you seem to have is the menu dialog boxes are square in IE, same for us.

jkwalz 01-22-2012 04:47 AM

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

Originally Posted by candc
Is this the site in your sig?

Displaying fine for me in FF, IE, and Chrome. The only issue you seem to have is the menu dialog boxes are square in IE, same for us.


My IE boxes do have sharp corners- I didn't even notice that!

I am still having the same issue of large tiles in FF instead of the longer single rows in Chrome and IE. It's weird that it works fine in FF "private browsing" though.

JacksmithxD 01-22-2012 02:38 PM

Re: X-Cart Ability Template v4.4.x
 
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.

jkwalz 01-22-2012 04:01 PM

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?

swartzieee 01-25-2012 07:26 AM

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

PhilJ 01-25-2012 07:40 AM

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?

swartzieee 01-25-2012 07:49 AM

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?

PhilJ 01-25-2012 08:01 AM

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.

yages 01-27-2012 02:28 PM

Re: X-Cart Ability Template v4.4.x
 
1 Attachment(s)
How do you get the bottom of the logo to sit on the menu bar
The gap needs to be taken out
see image

CenturyPerf 01-28-2012 01:36 AM

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.

candc 01-28-2012 02:16 AM

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

PhilJ 01-28-2012 08:28 AM

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.

swartzieee 01-28-2012 10:38 AM

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"}

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.


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

Jason

PhilJ 01-28-2012 11:22 AM

Re: X-Cart Ability Template v4.4.x
 
Jason, do you want me to perform the changes for you?

swartzieee 01-28-2012 04:16 PM

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

Originally Posted by PhilJ
Jason, do you want me to perform the changes for you?


You can perform the changes. See if it works better for you.

Jason

swartzieee 01-28-2012 05:23 PM

Re: X-Cart Ability Template v4.4.x
 
I was wondering if you could add this type of feature to your template. I think it is a must need feature of x-cart.

http://mods.x-cart.com/On-Sale-Products.html

PhilJ 01-29-2012 01:28 PM

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

I was wondering if you could add this type of feature to your template. I think it is a must need feature of x-cart.

http://mods.x-cart.com/On-Sale-Products.html

Sure, I may consider adding that early in the week, thanks for the suggestion :)

Ability has now been tested with X-Cart v4.4.5 - all seems fine so far, just a very minor modification to the javascript required.

anandat 01-29-2012 08:41 PM

Re: X-Cart Ability Template v4.4.x
 
Hi Phil,
"Sort By Date" on product & category page will also very helpful feature. If possible please add this in your next update.

CenturyPerf 01-29-2012 10:54 PM

Re: X-Cart Ability Template v4.4.x
 
Hello Phil,

What do I need to ADD / MODIFY to get other 3rd Party customer-side Add-Ons to behave with Ability?

Example: I installed BCSE's "Advanced Filter" this evening and this is what I found:

1) It does not show up anywhere on the customer side.
2) I found that when I swapped themes (back to Ability) the filter setting "stuck" and I had to go back into a default X-Cart template to set the filter "all" (no filtering). My own fault swapping back and forth before I reset the filter. :roll:
3) I want to be able to use the Ajax refresh (top center above products position) for this mod, which would probably put it just above the product page numbering from search results (unless you have a better suggestion).

If this mod is having issues with the Ability template, I expect that I may see problems when I install AlteredCart's OnSale mod, and when the X-Cart devs add the Brand/Model/Year to my site after I patch to 4.4.5, or other mods that are designed for the customer-side of the cart.

PhilJ 01-30-2012 06:12 AM

Re: X-Cart Ability Template v4.4.x
 
Hi Sam, you should be able to install any third party mods to the template without much hassle.

You just need to be aware that any files in /skin/ability will overwrite the core templates in skin/common_files

So for any instructions pertaining to skin/common_files, ensure the files don't already exist in skin/ability

If you want me to install the BCSE one for you as an example, just get in touch.

JacksmithxD 01-31-2012 03:06 AM

Re: X-Cart Ability Template v4.4.x
 
Hi Phil, thanks for all your help last week, sites coming on GREAT.

Just wondering is there anyway to let the mini cart show + VAT?

I know there is some code for random/featured products but what about the minicart?

Or do i just need to change a setting?

Thanks again for your amazing template! :D

PhilJ 01-31-2012 03:11 AM

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

Just wondering is there anyway to let the mini cart show + VAT?

Hi Jack, just enable this option in shipping and taxes > tax system ...

Display a tax rate for each product in cart/order:

swartzieee 01-31-2012 11:25 AM

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

Originally Posted by swartzieee
You can perform the changes. See if it works better for you.

Jason


Were you able to perform the changes on my site yet?
I have a ticket open for this issue.

Thanks


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

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.