Guest Posted February 21, 2006 Share Posted February 21, 2006 Can anybody tell me how to get the latest products to display centre not left, using a variant of legend skin changed to 2 column display. Quote Link to comment Share on other sites More sharing options...
markscarts Posted February 22, 2006 Share Posted February 22, 2006 Yes :innocent: Quote Link to comment Share on other sites More sharing options...
markscarts Posted February 22, 2006 Share Posted February 22, 2006 If you are using a fixed width skin, you may center the latest prods by adjusting the width setting of the division holding the product. The division holding this product is found in styleTemplates/content/index.tpl, it looks like this: <div style="float: left; text-align: center; width: {VAL_WIDTH}px;"> There are two things to understand about the styles on this division: First, it floats left. This is necessary in order to make and stack the latest products in CubeCart™. Second, there is a variable setting the width of this division, represented by {VAL_WIDTH} above. The key to centering these is to increase that width variable until you have equal spacing all the way across. Note: Other important adjustments (off-topic) need to be made to this division, read about these at the end of this post INCREASING THE VARIABLE WIDTH SETTING How does CubeCart determine the value of {VAL_WIDTH}? This number comes from two places; (1) The setting for thumbnail size in ACP General Settings which sets the width of thumbnails, and (2) extra spacing added to the thumbnail width number over in includes/contents/index.inc.php OPEN includes/contents/index.inc.php FIND the following code: $index->assign("VAL_WIDTH", $config['gdthumbSize']+75); CHANGE the value 75, by trial and error, until you find the magic number that creates a perfectly equal spacing for your store, thereby centering the latest products. WHY THIS DOES NOT WORK IN KILLER SKIN The Killer skin is dynamic width, liquid width, full-screen width, whatever you want to call it - boiled down, it means that the width of this skin varies according to screen resolution and browser window size; therefore, setting a static width number as mentioned above does not help. Best you can do here is optimize for one browser setting of your choice. Beyond that, there are little tricks you may be able to live with in order to center these, but I've droned on long enough already --------------------------- Other important edits to that division in styleTemplates/content/index.tpl: - Adding a position: relative; to the styles here is often necessary in order to cure certain IE Peekaboo problems - Adding a height: 200px; <- Height setting (actual number of pix may vary) in the styles here will cure a screwy display problem where latest products aren't stacking on the page correctly. See also the tutorial here Quote Link to comment Share on other sites More sharing options...
Guest DesignsDivision Posted February 28, 2006 Share Posted February 28, 2006 Thank you, markscarts! I was trying to figure out how to edit that. Christina Quote Link to comment Share on other sites More sharing options...
Guest Sparkle Promotions Posted April 16, 2006 Share Posted April 16, 2006 Glad I searched for this. These forums have proven to be very useful! Thank you so much for sharing! // A Quote Link to comment Share on other sites More sharing options...
markscarts Posted April 16, 2006 Share Posted April 16, 2006 You're welcome :) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.