View Single Post
  #149  
Old 01-14-2013, 05:10 PM
 
censusadv88 censusadv88 is offline
 

Advanced Member
  
Join Date: Jul 2005
Posts: 55
 

Default Re: X-Cart Adapt Template

ADAPT HACK OF THE DAY 1/15/2013

This is a very good template for developers. Definitely recommend it! Already have a few live sites going! Very easy template to customize!

Some mods to Adapt I can share. Should work in most builds. (Tested on 4.5.4 GOLD)

1. To fix issue where "Search Button" drops down below search bar in full screen mode (past 1200 width). This will keep the header nicer and neater than default when viewing on standard width desktop monitors (1080p these days).

In 1200.min.css change:

Code:
.grid_3{width:260px}.container_12 .grid_4{width:380px}.container_12 .grid_5{width:500px}

to

Code:
.grid_3{width:280px}.container_12 .grid_4{width:380px}.container_12 .grid_5{width:480px}

2. If you use the Currency conversion tool, the price block is not large enough to accommodate the extra space. The solution is NOT to enlarge the Products grid column height (pixels) in the backend... This does not enlarge the 'price block' code. Solution: Set price block height higher.

In altskin.css change:

Code:
ul.row_view li .product_block .price_block { height: 50px; margin-top: 10px; }

to

Code:
ul.row_view li .product_block .price_block { height: 70px; margin-top: 10px; }

3. Drop down quantity selector width is not wide enough to accommodate numbers. Numbers are hidden behind graphic. Solution: Increase width of .input-tiny to 40px (anything more and the Add to Cart button will drop down during some instances).

Go to adapt_custom.css

Change

Code:
.input-tiny { width: 30px; }

to

Code:
.input-tiny { width: 40px; }

Hope this helps! Will try to update this post with tricks with this template.
__________________
JC-x-cart 4.0.9
X-Cart Gold 4.5.5 / X-payments 1.0.6

SIGHTLESS =)
Reply With Quote