X-Cart forums

[ibdmanhb]

Hey Phil,
Love the new template, very tunable.... I am having some alignment issues and can't find the controlling CSS with firebug. I attached a screen shot of the sub-cat that shows the quik view button overflowing the short description.

Thanks

[PhilJ]

On a product that has variants when you click add to cart, it normally redirects you to the product details page so you can select the options. This does not work in the new template.

Actually it does work on the template, just perhaps not on the home featured items, but you can use code like this...

Eg. skin/ability/customer/main/featured.tpl

Replace..

<p><a class="add_link" href="cart.php?mode=add&amp;productid={$product.pr oductid}&amp;amount=1">{$lng.lbl_add_to_cart}</a></p>

With...

{if !$product.variantid}
<p><a class="add_link" href="cart.php?mode=add&amp;productid={$product.pr oductid}&amp;amount=1">{$lng.lbl_add_to_cart}</a></p>
{else}
<p><a class="add_link" href="product.php&amp;productid={$product.producti d}">View Options</a></p>
{/if}

I am having some alignment issues and can't find the controlling CSS with firebug

Just add some padding-top to the product title (grid mode)...

skin/ability/custom/css/common.css

Replace...

ul.grid_view li .product_block h2 { width: 100%; height: 50px; margin: 0; padding: 0 0 10px 0; }

With...

ul.grid_view li .product_block h2 { width: 100%; height: 50px; margin: 0; padding: 20px 0 10px 0; }

[ibdmanhb]

Originally Posted by PhilJ

Actually it does work on the template, just perhaps not on the home featured items, but you can use code like this...

Eg. skin/ability/customer/main/featured.tpl

Replace..


With...



Just add some padding-top to the product title (grid mode)...

skin/ability/custom/css/common.css

Replace...


With...

There are actually 2 instances of this line in featured.tpl, when I replace the first one the "add to cart" changes to "view options" but it still bypasses the product detail page. If I replace the 2nd one with that block of code I get a 404 page error.

I have one more display issue, the detailed images TB's over flow the buttons. I tried resizing the TB's and rebuilding the image cache but nothing changed.

Thanks

[totaltec]

Originally Posted by ibdmanhb

...I have one more display issue, the detailed images TB's over flow the buttons.

Quick explanation of how to fix this: http://youtu.be/Um025zXKLnc
Hope it helps.

BTW: Your product line and site look really cool. Nice work.

[ibdmanhb]

Thanks for that video.

I haved used Firebug just enough to be dangerous and have some knowledge of CSS. My problem seems to be interpreting what it's telling me. That container shows a CSS entry called .dpimages-icons-box located in common.css. I can't for the life of me find it there. using grep on that file yields nothing. I'm confused....

Any suggestions for CSS 101 ???

Thanks

[PhilJ]

To adjust the size of the detailed image thumbs, in admin go to Modules > Detailed Product Images

"Maximum width of a detailed product image thumbnail"

[ibdmanhb]

Originally Posted by PhilJ

To adjust the size of the detailed image thumbs, in admin go to Modules > Detailed Product Images

"Maximum width of a detailed product image thumbnail"

Thanks Phil,

I tried that route, the problem is the thumbs are too small in grid view and leave a lot of white space. I would rather adjust the container if that's a plausible option. Where can I find that entry in the CSS ?

Did you have a chance too look at the add to cart problem from the prior post, your solution did not fix the problem.

Thanks again

[ibdmanhb]

Hey Phil
I know you are a busy guy but I was wondering if you ever resolved the issue with the tool tip and image pop ups not working on the new and random products tab on the homepage ? It seems to work everywhere else.....

Thanks

[ibdmanhb]

Hi Phil,

I am trying to get my alignment set in Row view on the ability template and I can't find the .CSS involved. Using firebug it tells me it's from .overflow but the css is from a var/cache/xxxxx.css file. I need to push all the text off to the right (left-margin of 40px looks nice) so the image does not bleed over. Resizing the images did not work. can you help me identify where the css is coming from, I know how to fix it ??

Thanks

[PhilJ]

skin/ability/custom/css/common.css

Look for...

ul.row_view li .product_block .thumbcol { float: left; text-align: center; width: 135px; /* Image Column Width */ }