Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Modifying a 4.4.1 skin questions...

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #11  
Old 12-23-2010, 10:48 AM
 
artistwantab artistwantab is offline
 

eXpert
  
Join Date: Jul 2009
Posts: 320
 

Default Re: Modifying a 4.4.1 skin questions...

I thought and changed every width number and nothing.

There is ONE width that I can't change....Image below.

It gave me a percentage and everything but point at NO css file. Could it be in a tpl file. If so which tpl?
Attached Thumbnails
Click image for larger version

Name:	table.jpg
Views:	142
Size:	177.6 KB
ID:	2252  
__________________
X-Cart version 4.7.2
x-special Offers
Reply With Quote
  #12  
Old 12-23-2010, 11:15 AM
  gb2world's Avatar 
gb2world gb2world is offline
 

X-Wizard
  
Join Date: May 2006
Location: Austin, TX
Posts: 1,970
 

Default Re: Modifying a 4.4.1 skin questions...

In the screen shot you posted - you can see a class at the top for the table called width-100. Did you try changing that class from 100% to something else?

If you want to remove the width settings you are pointing out - you can use webmaster mode to find the template. It is probably in products_t.tpl, where there is a call to product_thumbnail.tpl. But if you are keeping 3 table cells in each row, and you want them all to be the same width, I don't think you are going to want to change that - each cell is 1/3 of the total width - which is probably set to 100%.

---
__________________
X-CART (4.1.9,12/4.2.2-3/4.3.1-2/4.4.1-5)-Gold
(CDSEO, Altered-Cart On Sale, BCSE Preorder Backorder, QuickOrder, X-Payments, BCSE DPM Module)
Reply With Quote
  #13  
Old 12-23-2010, 01:53 PM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,190
 

Default Re: Modifying a 4.4.1 skin questions...

I think that one is applied though js or an {assign.... width...} in the template file
__________________
Steve Stoyanov
CFLSystems.com
Web Development
Reply With Quote
  #14  
Old 12-23-2010, 01:57 PM
 
artistwantab artistwantab is offline
 

eXpert
  
Join Date: Jul 2009
Posts: 320
 

Default Re: Modifying a 4.4.1 skin questions...

Well I have gotten it closer but this is as narrow as I can get it. I want the items closer together and then moved to the far right.

Here is the link....

Quote:
<table width="500" cellspacing="3" class="products products-table width-100" summary="{$lng.lbl_products_list|escape}">

{foreach from=$products_matrix item=row name=products_matrix}

<td width="100"><tr{interline name=products_matrix additional_class="product-name-row"}>

I have changed the widths on the TD here and NOTHING happens.

BTW...I think you are right I don't want to change the 33% because it keep the columns equally spaced.
Attached Thumbnails
Click image for larger version

Name:	table.jpg
Views:	126
Size:	200.3 KB
ID:	2253  
__________________
X-Cart version 4.7.2
x-special Offers
Reply With Quote
  #15  
Old 12-23-2010, 03:07 PM
  gb2world's Avatar 
gb2world gb2world is offline
 

X-Wizard
  
Join Date: May 2006
Location: Austin, TX
Posts: 1,970
 

Default Re: Modifying a 4.4.1 skin questions...

You have a right margin on your .image class that is controlling the table cell widths.

You can step through everything in the html tab in firebug - the padding and margins on the elements will highlight in blue and yellow - and then you can see the sizes of the various elements, and it will show you what is happening.

---
__________________
X-CART (4.1.9,12/4.2.2-3/4.3.1-2/4.4.1-5)-Gold
(CDSEO, Altered-Cart On Sale, BCSE Preorder Backorder, QuickOrder, X-Payments, BCSE DPM Module)
Reply With Quote
  #16  
Old 12-23-2010, 06:00 PM
 
artistwantab artistwantab is offline
 

eXpert
  
Join Date: Jul 2009
Posts: 320
 

Default Re: Modifying a 4.4.1 skin questions...

I am sorry to sound like a noob but I can't see the .image class that controls the width of the table.

Every change has no affect on the width.

BTW...Thank you very much
__________________
X-Cart version 4.7.2
x-special Offers
Reply With Quote
  #17  
Old 12-23-2010, 09:12 PM
  gb2world's Avatar 
gb2world gb2world is offline
 

X-Wizard
  
Join Date: May 2006
Location: Austin, TX
Posts: 1,970
 

Default Re: Modifying a 4.4.1 skin questions...

Just explore in firebug - click on the table cell, then on every thing in the table cell. It will visually display the margins and padding and you can see the width each element is occupying. (See attachment).

---
Attached Thumbnails
Click image for larger version

Name:	paintings.jpg
Views:	145
Size:	51.0 KB
ID:	2255  
__________________
X-CART (4.1.9,12/4.2.2-3/4.3.1-2/4.4.1-5)-Gold
(CDSEO, Altered-Cart On Sale, BCSE Preorder Backorder, QuickOrder, X-Payments, BCSE DPM Module)
Reply With Quote
  #18  
Old 12-23-2010, 09:34 PM
 
artistwantab artistwantab is offline
 

eXpert
  
Join Date: Jul 2009
Posts: 320
 

Default Re: Modifying a 4.4.1 skin questions...

I should be downgraded from noob to village idiot. I must have looked at this what seems a hundred times and never saw that. Geez.

Thank you Thank you
__________________
X-Cart version 4.7.2
x-special Offers
Reply With Quote
  #19  
Old 12-26-2010, 11:45 AM
 
artistwantab artistwantab is offline
 

eXpert
  
Join Date: Jul 2009
Posts: 320
 

Default Re: Modifying a 4.4.1 skin questions...

Well I am getting close but I have run into a little complication.


I wanted to change the design of the thumbnails to all SQUARE images.

I exported all the thumbnails and then using a batch feature in Photoshop had them all made into the size and look I want.

Then I imported all the redesigned thumbnails back to the server. After some problems because the xCart kept skewing the images to look similar to the original I modified this file...

File: /common_files/product_thumbnail.tpl

Quote:
{if $image_x ne 0} width="150px"{/if}
{if $image_y ne 0} height="150px"{/if} alt="{$product|escape}" />
{/strip}

I changed the width and height to 150px.

NOW....

When you click the thumbnail the main image is only a thumbnail.

Why does the image default to the Thumbnail size in the full size image?

Images included....
Attached Thumbnails
Click image for larger version

Name:	Untitled-2.jpg
Views:	129
Size:	128.0 KB
ID:	2261  Click image for larger version

Name:	Untitled-4.jpg
Views:	125
Size:	73.7 KB
ID:	2262  
__________________
X-Cart version 4.7.2
x-special Offers
Reply With Quote
  #20  
Old 12-27-2010, 10:24 AM
  gb2world's Avatar 
gb2world gb2world is offline
 

X-Wizard
  
Join Date: May 2006
Location: Austin, TX
Posts: 1,970
 

Default Re: Modifying a 4.4.1 skin questions...

X-CART can store both a thumb and a product image. You can set up one product with the correct product and thumb image as you want them - then export it. You can then see the format to re-import the proper images for all the rest of them.

---
__________________
X-CART (4.1.9,12/4.2.2-3/4.3.1-2/4.4.1-5)-Gold
(CDSEO, Altered-Cart On Sale, BCSE Preorder Backorder, QuickOrder, X-Payments, BCSE DPM Module)
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 01:13 AM.

   

 
X-Cart forums © 2001-2020