Forums / Templates, Stylesheets, Page Layout / how to move up add to cart button and additional images?

how to move up add to cart button and additional images?

Locked

Views: 1,976

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
7 Aug 2010, 9:43 AM
#1
ztotheetothen avatar

ztotheetothen

Zen Follower

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

how to move up add to cart button and additional images?

trying o find the file to edit, or is it done through admin area. thanks

7 Aug 2010, 9:45 AM
#2
ztotheetothen avatar

ztotheetothen

Zen Follower

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

Re: how to move up add to cart button and additional images?

im trying to change the display, or position of add to cart button. instead of bottom of the product listing page, i want to move it up to right underneath the product title.

is there a way to have two add to cart buttons on the product listing page?

7 Aug 2010, 10:15 AM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: how to move up add to cart button and additional images?

Hard to say until we can see what you have now.

14 Aug 2010, 6:43 PM
#5
ztotheetothen avatar

ztotheetothen

Zen Follower

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

Re: how to move up add to cart button and additional images?

anyone, please?

14 Aug 2010, 7:04 PM
#6
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,515
Plugin Contributions:
176

Re: how to move up add to cart button and additional images?

The link you gave doesn't work. Something's bad with your so-called SEO URLs.

Nevertheless ...

Open the page in your browser.
Choose View Source from your browser menu.
Scroll down to the section you're bothered about moving. In the case of your add-to-cart button, you'll see this:```

<!--bof Add to Cart Box -->
              <div id="cartAdd">
Add to Cart: <input type="text" name="cart_quantity" value="1" maxlength="6" size="4" /><br /><br /><input type="hidden" name="products_id" value="1" /><input type="image" src="includes/templates/premium8b/buttons/english/button_in_cart.gif" alt="Add to Cart" title=" Add to Cart " />          </div>
<!--eof Add to Cart Box-->
Note the <!-- bof Add to Cart Box --> ('bof' is an abbreviation for "beginning of file") and corresponding end tag: <!-- eof Add to Cart Box-->

Now go find those same tags in the template file (if you search using the Developers Toolkit, you'll find that it's tpl_product_info_display.php) and move that entire section up or down in the file as you desire, noting to NOT put anything between any other existing <bof>...<eof> markers.

ie: instead of this:
<bof product description>
<eof product description>
<bof add to cart>
<eof add to cart>
....
maybe you want something like this:
<bof add to cart>
<eof add to cart>
<bof product description>
<eof product description>

Do similarly with other sections as desired.

Then use any necessary CSS alterations to style things as needed.

Tutorial FAQ articles:
<https://www.zen-cart.com/tutorials/index.php?article=38>
<https://www.zen-cart.com/tutorials/index.php?article=39>

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

14 Aug 2010, 7:07 PM
#7
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,515
Plugin Contributions:
176

Re: how to move up add to cart button and additional images?

In fact, I just searched for your question in the FAQs area, and this article came up, which basically says the same thing as I just did:
https://www.zen-cart.com/tutorials/index.php?article=5

I'll update it with a bit more info from the comments I made above.

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

14 Aug 2010, 9:54 PM
#8
ztotheetothen avatar

ztotheetothen

Zen Follower

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

Re: how to move up add to cart button and additional images?

thank you Dr.Byte . I am sorry that I missed the answer to the question in the FAQ section. Thank you for your help.