Forums / Templates, Stylesheets, Page Layout / Styling the 'Customers who bought this product' center box

Styling the 'Customers who bought this product' center box

Views: 1,220

Results 1 to 12 of 12
9 Sep 2012, 12:52 PM
#1
olcs avatar

olcs

New Zenner

Join Date:
Dec 2011
Posts:
92
Plugin Contributions:
0

Styling the 'Customers who bought this product' center box

Hello all

I am using the 'Customers who bought this product also bought...' center box. The product images within the centerbox are really small and I'd like to make them larger. Is there a way of styling these? I had thought of putting the images in a div and then styling that but am unsure how to the edit the files to achieve this. Is there anyone that can offer any help?

Also within this center box is there a way of having the price displayed for each product and the add to cart button? At the moment it only displays the product image and description.

Many thanks in advance for any help you can give.

10 Sep 2012, 2:59 PM
#2
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,119
Plugin Contributions:
56

Re: Styling the 'Customers who bought this product' center box

A link to your site will allow others to help ...

10 Sep 2012, 5:02 PM
#3
olcs avatar

olcs

New Zenner

Join Date:
Dec 2011
Posts:
92
Plugin Contributions:
0

Re: Styling the 'Customers who bought this product' center box

Sorry that wasn't very clever of me:

lat9:

A link to your site will allow others to help ...

http://w w w .o u r l i t t l e c o t t a g e s h o p . c o . u k / c u s h i o n s / v i n t a g e - f l o r a l - o w l - c u s h i o n

10 Sep 2012, 5:07 PM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Styling the 'Customers who bought this product' center box

http://w w w .o u r l i t t l e c o t t a g e s h o p . c o . u k / c u s h i o n s / v i n t a g e - f l o r a l - o w l - c u s h i o n

You have got to be kidding by adding all those spaces that we must remove!!!

Zen-Venom Get Bitten

10 Sep 2012, 5:14 PM
#5
olcs avatar

olcs

New Zenner

Join Date:
Dec 2011
Posts:
92
Plugin Contributions:
0

Re: Styling the 'Customers who bought this product' center box

kobra:

http://w w w .o u r l i t t l e c o t t a g e s h o p . c o . u k / c u s h i o n s / v i n t a g e - f l o r a l - o w l - c u s h i o n

You have got to be kidding by adding all those spaces that we must remove!!!

As you can see I'm not very good at this forum malarkey :smile: I was just following what it says in the instructions:

NOTE: Search engines index this Zen Cart® support site very quickly. Posting your URL will cause your site and your post to show up in search engines. If you want to prevent that, put spaces between each letter of the domain name in your URL.

Perhaps this link is better

Would appreciate any help you can give!

10 Sep 2012, 5:23 PM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Styling the 'Customers who bought this product' center box

This starts in

includes/templates/template_default/templates/tpl_modules_also_purchased_products.php
and points to

includes/templates/template_default/common/tpl_columnar_display.php

Insure to copy these and place into your template structure

Zen-Venom Get Bitten

10 Sep 2012, 5:31 PM
#7
olcs avatar

olcs

New Zenner

Join Date:
Dec 2011
Posts:
92
Plugin Contributions:
0

Re: Styling the 'Customers who bought this product' center box

Thanks for coming back to me Kobra, but I am still unsure how I would style the images. At the moment they are the same size as the additional product images and I feel that they need to be larger than that.

Therefore how would I be able to achieve this? Is my idea of using a div tag to hold that image a valid way of doing it? If so how would I insert that div tag?

Also what code would I need to insert and where, to have the product price shown?

Many thanks

10 Sep 2012, 5:40 PM
#8
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Styling the 'Customers who bought this product' center box

Price code can be found in

includes/templates/template_default/templates/tpl_product_info_display.php

Image size through the admin>config>images

Zen-Venom Get Bitten

10 Sep 2012, 5:55 PM
#9
olcs avatar

olcs

New Zenner

Join Date:
Dec 2011
Posts:
92
Plugin Contributions:
0

Re: Styling the 'Customers who bought this product' center box

Many thanks for your reply, however I am really sorry but I still don't understand.

What is the exact code from tpl_product_info_display.php that I need to insert into the Center Box for the product price to show? And where do I insert it into tpl_modules_also_purchased_products.php? The same with the add to cart button.

Also, I know I can change the image sizes within the admin however the Customers Also Purchased Centerbox and the Additional Images (beneath the product image) use the same size at the moment. If I change it in the admin it is going to make the additional images change also and I dont want to change those. I want the images within the Customers Also Purchased Centerbox to be larger than the additional images.

Sorry if I am not explaining myself clearly.

10 Sep 2012, 6:48 PM
#10
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,119
Plugin Contributions:
56

Re: Styling the 'Customers who bought this product' center box

Try adding the following to the bottom of your stylesheet.css:

.centerBoxContentsAlsoPurch img {
height: 100px !important;
width: 100px !important;
}

Adjust the height and width as you like (the base images are 400x400).

10 Sep 2012, 9:06 PM
#11
olcs avatar

olcs

New Zenner

Join Date:
Dec 2011
Posts:
92
Plugin Contributions:
0

Re: Styling the 'Customers who bought this product' center box

lat9:

Try adding the following to the bottom of your stylesheet.css:

.centerBoxContentsAlsoPurch img {
height: 100px !important;
width: 100px !important;
}

Adjust the height and width as you like (the base images are 400x400).

Lat9 you are an absolute legend! Thank you so much for your help, it has worked perfectly. Now all I need is to find someone who can help me with adding an add to cart button and price to the same box... Any help from anyone would be really appreciated. I tried following Kobra's instructions above, and copied the product price code from the product page however this just inserted the price for the main product and no the 'Customers who purchased..' products, so i guess I have done something wrong :frusty:

11 Sep 2012, 3:07 PM
#12
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,119
Plugin Contributions:
56

Re: Styling the 'Customers who bought this product' center box

Thanks for your kind words; might I suggest starting a new thread with your new question?