Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / A Few Product Display Options Have Me Stuck... Help Please

A Few Product Display Options Have Me Stuck... Help Please

Locked

Views: 5,146

Results 1 to 16 of 16
This thread is locked. New replies are disabled.
7 Apr 2008, 9:22 AM
#1
dpm avatar

dpm

Zen Follower

Join Date:
Mar 2008
Posts:
262
Plugin Contributions:
0

A Few Product Display Options Have Me Stuck... Help Please

I'm wanting the product titles on the following page to be aligned to the left but after looking through the Stylesheet and Firefox i just can't work out how to do it...

http://www.dpmautostyling.co.uk/catalogue/index.php?main_page=index&cPath=417_1292_1306

Anyone know?

Also on the product page itself i'm wanting the product title also aligned to the left in a different colour and also a different colour for the price.

Also trying to put a border around the main product image with no luck...

http://www.dpmautostyling.co.uk/catalogue/index.php?main_page=product_info&cPath=417_1292_1306&products_id=3659

Again any help would be gratefully recieved!

Thanks in advance!

Damian

7 Apr 2008, 11:06 AM
#2
dpm avatar

dpm

Zen Follower

Join Date:
Mar 2008
Posts:
262
Plugin Contributions:
0

Re: A Few Product Display Options Have Me Stuck... Help Please

Right finally worked out most things apart from on the product page itself i'm wanting the product title aligned to the left in a different colour and also a different colour for the price.

Not wanting to change the 'Product 1/16' and 'prev, listing, next' buttons as i want them in the middle as they are.

7 Apr 2008, 1:48 PM
#3
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,179
Plugin Contributions:
0

Re: A Few Product Display Options Have Me Stuck... Help Please

DPM:

Right finally worked out most things apart from on the product page itself i'm wanting the product title aligned to the left in a different colour and also a different colour for the price.

Not wanting to change the 'Product 1/16' and 'prev, listing, next' buttons as i want them in the middle as they are.

D,
includes/ templates/ custom/ css/ stylesheet.css

Add these following declarations to the bottom of the .css

  1. #productName {text-align: left; color: #FF0000;}
  2. #productPrices {color: #FF0000;}
  3. The red font above is changed to your desire :smile:Enjoy,
7 Apr 2008, 2:14 PM
#5
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,179
Plugin Contributions:
0

Re: A Few Product Display Options Have Me Stuck... Help Please

DPM:

Another Forum genius! Thanks!!!

Is it possible to change the price colour on this page aswell?

http://www.dpmautostyling.co.uk/catalogue/index.php?main_page=index&cPath=417_1292_1306

D,
Thanks for the comment, but a genius no...

includes, templates/ custom/ css/ stylesheet.css

Add the following declaration at the end of the .css

  1. .productListing-odd, .productListing-even {color: #FF0000;}
7 Apr 2008, 2:28 PM
#6
dpm avatar

dpm

Zen Follower

Join Date:
Mar 2008
Posts:
262
Plugin Contributions:
0

Re: A Few Product Display Options Have Me Stuck... Help Please

Lol, again thanks!

Now last question i promise. I'm wanting to have on pages with attribute choices to have them before the 'add to cart' icon and i was also wanting to change the 'add to cart' icon colour. Is this possible?

7 Apr 2008, 2:52 PM
#8
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,179
Plugin Contributions:
0

Re: A Few Product Display Options Have Me Stuck... Help Please

DPM:

Lol, again thanks!

Now last question i promise. I'm wanting to have on pages with attribute choices to have them before the 'add to cart' icon and i was also wanting to change the 'add to cart' icon colour. Is this possible?

D,
includes/ templates/ custom/ css/ stylesheet.css

Add the following declaration at the end of the .css

  1. #cartAdd {background-color: #FF0000;}
    Move Add to Cart Button
    1. includes/ templates/ override foler/ templates/ tpl_product_info_display.php
    1. line 88
    2. Paste and move
    3. to line 147
    3. ftp to file
7 Apr 2008, 3:03 PM
#9
dpm avatar

dpm

Zen Follower

Join Date:
Mar 2008
Posts:
262
Plugin Contributions:
0

Re: A Few Product Display Options Have Me Stuck... Help Please

Doing that just puts a big border around the icon, i was actually wanting the icon itself a different colour then black if you know what i mean?

7 Apr 2008, 3:09 PM
#10
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,179
Plugin Contributions:
0

Re: A Few Product Display Options Have Me Stuck... Help Please

DPM:

Doing that just puts a big border around the icon, i was actually wanting the icon itself a different colour then black if you know what i mean?

D,
You will half to use photoshop and create your own button.
Or take the gif image into photoshop and change the way you want

catalogue/includes/templates/template_default/buttons/english/button_in_cart.gif

  1. remember your overide folders for the ftp upload

Just a small error on the attributes:

For your Hose Colour for the Option Values

  1. You are missing Please Select Hose Colour
  2. What happen when I click add to cart, if a customer misses the Attribute selection, a warning message appears.
    Example of what it should look like:
    Please Select Hose Colour 0
    Black 10
    Red 20
    Blue 30

Now in Attribute Controller
Please Select 1. you need to add flag properties to Please Select Hose Colour
2. Under Attribute Flags: the colored boxes
3. Yellow box, Used for Display purpose only: Click Yes
4. Tan box, Default Attribute to be marked selected: Click Yes
5. What this does is force a customer to click their sizes correctly
6. Right now I can add to the cart and not select a size or color.. BAD
7. The beauty of this is a warning box appears at the top of the page and states they have not selected the attributes you offer to a customer.

7 Apr 2008, 3:35 PM
#11
dpm avatar

dpm

Zen Follower

Join Date:
Mar 2008
Posts:
262
Plugin Contributions:
0

Re: A Few Product Display Options Have Me Stuck... Help Please

Will that small error mean that when ordering if the customer doesn't pick an attribute nothing will happen and the order will still go through?

Thanks

7 Apr 2008, 3:45 PM
#12
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,179
Plugin Contributions:
0

Re: A Few Product Display Options Have Me Stuck... Help Please

DPM:

Will that small error mean that when ordering if the customer doesn't pick an attribute nothing will happen and the order will still go through?

Thanks

D,
The whole process of an attribute is to choose one of the values you created.
The procedure above by default will say in the box instead of black "Please Select Hose Colour" which then they click the dropdown box for the color they select...
Just a more professional way to view with no mistakes when ordering..

8 Apr 2008, 10:50 AM
#13
dpm avatar

dpm

Zen Follower

Join Date:
Mar 2008
Posts:
262
Plugin Contributions:
0

Re: A Few Product Display Options Have Me Stuck... Help Please

Getting abit lost when trying to do those changes, i'll keep at it though! Thanks again!

9 Apr 2008, 7:39 AM
#14
ztotheetothen avatar

ztotheetothen

Zen Follower

Join Date:
Oct 2006
Location:
Los Angeles
Posts:
111
Plugin Contributions:
0

Re: A Few Product Display Options Have Me Stuck... Help Please

i'm trying to solve the same issue, i would like my #productname to be aligned left, instead of centerd, because it splits into two lines.
i have a background image for the product name, and i can make it bigger so all of the text can be seen, but it doesn't look good.

i've tried adding :
#productName {text-align: left; color: #FFFFFF;}

to the bottom of my stylesheet, but it didn't fix anything.
please take a look at my website in IE, because it looks different from Firefox

http://got-jdm.com/JDM/nissan-rb25det-jdm-engine-swap-skyline-r33-turbo-240sx-p-393.html

TIA

9 Apr 2008, 7:57 AM
#15
ztotheetothen avatar

ztotheetothen

Zen Follower

Join Date:
Oct 2006
Location:
Los Angeles
Posts:
111
Plugin Contributions:
0

Re: A Few Product Display Options Have Me Stuck... Help Please

dpm,

you need to edit the tpl_product_info_display.php file and move the block

<!--bof Product Name--> <h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1> <!--eof Product Name-->

above th image block.
that fixed my issue....
GL

9 Apr 2008, 8:55 AM
#16
dpm avatar

dpm

Zen Follower

Join Date:
Mar 2008
Posts:
262
Plugin Contributions:
0

Re: A Few Product Display Options Have Me Stuck... Help Please

Thanks but we've already changed that part bud.

Damian