Help with Cross Selling |
Post Reply | Page 12> |
Author | |
LittleOnesResource
Newbie Joined: 06-August-2009 Status: Offline Points: 0 |
Post Options
Thanks(0)
Posted: 01-March-2010 at 12:00pm |
I need help with identifying where in the code I need to make a change for cross selling. I am running v3.51.
It appears this questions has been asked before, but I didn't find an answer in either a forum search or the wiki. I have cross selling running on the product details page. In the control panel, you can select how many products you want to show. I have selected 4. The problem comes in that the 4th item is shown on a second line. There is plenty of room to show 4 items on one line, but there must be coding that needs to be modified. If you view this page http://www.littleonesreadingresource.com/store/pc/Take-Along-Butch-32p80.htm I have added borders around the cross selling to make it easier to see what I am talking about. There is a lot of dead space between the items. It is not a css issue. It appears to be a table cell issue, but I cannot find it. Anyone have any ideas? It seems that the modification will need to be made to the cs_img.asp page. I am spinning my wheels and hoping a fresh pair of eyes can help. Thanks so much. Amy. |
|
intour
Senior Member Joined: 30-June-2006 Location: United Kingdom Status: Offline Points: 0 |
Post Options
Thanks(0)
|
Hi Amy,
It is a CSS issue. I had the same issue with a site I built last year.
Go have a coffee and and I'll be back with the4 answer in 15 mins.
Nigel
|
|
LittleOnesResource
Newbie Joined: 06-August-2009 Status: Offline Points: 0 |
Post Options
Thanks(0)
|
Gosh...if you can help I would be oh so happy!!
I tried every css thing I could think of.... Just goes to show you that taking a break can be a very smart thing. Amy. |
|
intour
Senior Member Joined: 30-June-2006 Location: United Kingdom Status: Offline Points: 0 |
Post Options
Thanks(0)
|
Hi Amy,
Sorry this is taking a bit longer than I thought. I definitely have the answer here somewhere.
I did this last September. I think Hamish gave me some help on another similar issue with spacing.
It is to do with the height/width settings that apply to the cross selling in the CSS. If I remember correctly you have to remove the setting altogether.
I have to pop out for an hour - I'll look again when I return.
Nigel
|
|
intour
Senior Member Joined: 30-June-2006 Location: United Kingdom Status: Offline Points: 0 |
Post Options
Thanks(0)
|
Hi Amy,
Sorry to be so long getting back to you with this.
Here is the answer:
In pcstorefront .css change this:
/* pcShowProductsHCS handles the table that shows product info
when cross selling products are shown with images */ .pcShowProductsHCS { width: 125px; height: 225px; text-align: center; margin-left: auto; margin-right: auto; } to this:
/* pcShowProductsHCS handles the table that shows product info
when cross selling products are shown with images */ .pcShowProductsHCS { text-align: center; margin-left: auto; margin-right: auto; } Nigel
|
|
LittleOnesResource
Newbie Joined: 06-August-2009 Status: Offline Points: 0 |
Post Options
Thanks(0)
|
Hi Nigel.
I know exactly to what you are referring. I will try this and see what happens. The only problem that may arise is that the pictures will not be scaled down enough which will mess up the formatting anyway. I will post back what happens. Thanks so much. I REALLY appreciate your help! Amy. |
|
LittleOnesResource
Newbie Joined: 06-August-2009 Status: Offline Points: 0 |
Post Options
Thanks(0)
|
Okay...that didn't work.
Here is a page link to see how the change affected the page: http://www.littleonesreadingresource.com/store/pc/Take-Along-Alfie-32p84.htm It really seems to be with the table. Maybe a colspan setting or a td width setting. Any other ideas? Thanks. Amy. |
|
intour
Senior Member Joined: 30-June-2006 Location: United Kingdom Status: Offline Points: 0 |
Post Options
Thanks(0)
|
Hi Amy,
I may have made another change somewhere else as well though I'm not entirely sure.
On the page you showed me there are only 3 products across horizontally. What happens when you set it to 4?
I know that the site I amended displayed perfectly after i had made the CSS changes.
Nigel Edited by intour - 03-March-2010 at 11:14am |
|
Hamish
Admin Group Joined: 12-October-2006 Location: United Kingdom Status: Offline Points: 56 |
Post Options
Thanks(0)
|
Hi Amy,
I just took a look at the V4 code & the number of products across is controlled via the settings in the admin pages, so SHOULD be the same as the other displays of products. I also looked at the page source code & it's definately a table issue as there is a TR between the two rows which has been placed their by the code. I suggest raising a support ticket. Hamish |
|
intour
Senior Member Joined: 30-June-2006 Location: United Kingdom Status: Offline Points: 0 |
Post Options
Thanks(0)
|
I just re-checked that style sheet and I did make some other changes to it.
Here is the whole section dealing with displaying the images and detail horizontally:
/* pcShowProductsH handles the table that shows product info
when products are displayed horizontally */ .pcShowProductsH { width: 125px; height: 225px; text-align: center; margin-left: auto; margin-right: auto; } .pcShowProductImageH { height: 125px; vertical-align: bottom; text-align: center; padding-bottom: 3px; } #pcMain .pcShowProductImageH img { border: 1px solid #E1E1E1; padding: 2px; } #pcMain .pcShowCategoryImage img { border: 1px solid #E1E1E1; padding: 5px; } .pcShowProductInfoH { margin-top: 5px; vertical-align: top; } .pcShowProductInfoH p { text-align: center; } /* pcShowProductsHCS handles the table that shows product info when cross selling products are shown with images */ .pcShowProductsHCS { text-align: center; margin-left: auto; margin-right: auto; } It was a versin 3.51 webiste so the stylesheet will have minor differences to version 4 but this did work for me.
Nigel
|
|
Post Reply | Page 12> |
Tweet
|
Forum Jump | Forum Permissions You cannot post new topics in this forum You cannot reply to topics in this forum You cannot delete your posts in this forum You cannot edit your posts in this forum You cannot create polls in this forum You cannot vote in polls in this forum |