Forums / Templates, Stylesheets, Page Layout / move cart and atributes inside product description

move cart and atributes inside product description

Locked

Views: 1,241

Results 1 to 12 of 12
This thread is locked. New replies are disabled.
15 Nov 2009, 2:37 PM
#1
signify avatar

signify

Zen Follower

Join Date:
Sep 2008
Posts:
92
Plugin Contributions:
0

move cart and atributes inside product description

Hi All,
I have searched the forum for this and so far not seen a similar problem or answer. Basically here is my site page

http://www.offerusaprice.co.uk/index.php?main_page=product_info&cPath=12_19_26&products_id=116

As you can see Atributes and buy it now button are right at the bottom of my description but my descriptions are long and I don't want customers to have to scroll down so far to search for the buy button. Is there anyway to add another buy button and atributes right underneath the price which is inside my description?

Any help would be really appreciated.

Thanks

16 Nov 2009, 7:53 AM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: move cart and atributes inside product description

The elements of the Product Information page can be shifted around by editing tpl_product_info_display.php .

You will see that the elements are "encased" in <!-- BOF > and < EOF--> comment tags.

You just take a whole element and put it above or below other elements.

You could also consider TABBED PRODUCTS PRO add-on module.

20 years a Zencart User

16 Nov 2009, 8:47 AM
#3
signify avatar

signify

Zen Follower

Join Date:
Sep 2008
Posts:
92
Plugin Contributions:
0

Re: move cart and atributes inside product description

Hi Schoolboy thank you for you reply.
I read about that whilst searching on the forum however doesn't this method just allow me to either move by cart either above my product description or below it. If I shift my cart above my description it goes in a bizar place just above where I have my H1 tag of the product name and doesn't look right there. The place i'd like to have it would be litterally inside the product description just indernethe where I have an image of the price of the product
http://www.offerusaprice.co.uk/index.php?main_page=product_info&cPath=12_19_26&products_id=116
Is there any way to manually edit it so i can put the cart and atributes there?

Thanks
Taz

16 Nov 2009, 9:21 AM
#4
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: move cart and atributes inside product description

The structure of the page can be altered any way you like - if you do manual edits to the parts of code you can even "encase" the elements in tables and table cells, which will then force them to appear within the framework of a HTML table.

This technique may then also require that you change the DIV id's and classes pertaining to the elements affected, so that you can add style declarations to the stylesheet that assist you even further with your new table-based layout.

For this technique, you are limited only by your own level of expertise in HTML and CSS.

20 years a Zencart User

16 Nov 2009, 12:00 PM
#5
signify avatar

signify

Zen Follower

Join Date:
Sep 2008
Posts:
92
Plugin Contributions:
0

Re: move cart and atributes inside product description

My HTML and CSS is not that advanced lol. I did come up with something simple though before. What I did was open the page source of a product page, and copied the HTML pointing to the add to cart button and paisted it into define page of the product where I wanted the button to show and work ok but the same could not be done for the size atributes, as when the size atributes was changed in the copied part of the page near the add cart button at the top, it was still overriden when the size was not changed at the bottom of the page where the real coding was for the atributes so i had to scrap it for these types of products that required changing options for atributes.

16 Nov 2009, 12:22 PM
#6
jcdk avatar

jcdk

Zen Follower

Join Date:
Oct 2009
Location:
Netherlands - NB
Posts:
144
Plugin Contributions:
0

Re: move cart and atributes inside product description

By switching the elements in the tpl file and adjusting your css file you can do alot as mentioned before. This way I changed the product info completely as I want to, including the attribute elements and styling.

If you combine it with the fantastic **Developer Toolkit for Mozilla **and use the css information option, it is actually very simple. Just float your elements the 'right' way.

Watch out while changing your css, since many properties (especially headers, labels and fieldsets) in Zencart are related. Then maybe your product info looks fancy, your whole site may be ****** up. Double check it and safe yourself a bad mood.

It's trial and error...

16 Nov 2009, 12:24 PM
#7
signify avatar

signify

Zen Follower

Join Date:
Sep 2008
Posts:
92
Plugin Contributions:
0

Re: move cart and atributes inside product description

Does anyone know which induvidual CSS elements I would modify or does it range from broad sections of the CSS file?

16 Nov 2009, 12:27 PM
#8
jcdk avatar

jcdk

Zen Follower

Join Date:
Oct 2009
Location:
Netherlands - NB
Posts:
144
Plugin Contributions:
0

Re: move cart and atributes inside product description

signify:

Does anyone know which induvidual CSS elements I would modify or does it range from broad sections of the CSS file?

As i said 5 minutes ago :smartalec:

Please use the **Developer Toolkit for Mozilla Firefox ** and use the 'css information' option. It will guide you to the exact property in your stylesheet!

This way, even our grandma's can become advanced in css...

Please give it a try, it will save your life...

16 Nov 2009, 1:04 PM
#9
signify avatar

signify

Zen Follower

Join Date:
Sep 2008
Posts:
92
Plugin Contributions:
0

Re: move cart and atributes inside product description

lol
Thanks for your advice loved the coment about the grandma bit! will give it a go see how it goes.

16 Nov 2009, 1:08 PM
#10
jcdk avatar

jcdk

Zen Follower

Join Date:
Oct 2009
Location:
Netherlands - NB
Posts:
144
Plugin Contributions:
0

Re: move cart and atributes inside product description

:) thanks

IT people sometimes forget that fun is a part of life :smartalec:

Take care, if you have any css issue, please let me know.

16 Nov 2009, 1:15 PM
#11
signify avatar

signify

Zen Follower

Join Date:
Sep 2008
Posts:
92
Plugin Contributions:
0

Re: move cart and atributes inside product description

Ok Iv'e just got to say, I have downloaded the developers tool
Wow!
This is amazing you can see everything literally!

Great peice of advice thanks for that, i'll have fun playing with this.

16 Nov 2009, 1:53 PM
#12
jcdk avatar

jcdk

Zen Follower

Join Date:
Oct 2009
Location:
Netherlands - NB
Posts:
144
Plugin Contributions:
0

Re: move cart and atributes inside product description

enjoy :)

programming can be fun with the right tools