CSS buttons v2.x

[Sawhorse]

I have 3 quick questions.

1) Does this mod work with ZC 1.3.8a?
2) If the mod does work in ZC 1.3.8a, are we to use the html_output-138.php file (renaming it to html_output.php) found in the extra directory instead of modifying our html_output.php (found in our site's includes/functions/) as noted in the readme.txt file?
3) Are there any known conflicts with other mods? Please see below list of the mods I am using on my site.

I ask because I tried to install and had to uninstall because it did not function correctly. I assume that I made an error in the install process, but I am not sure. Below are the errors that occurred:

1) I could not turn off the CSS buttons (“admin :: Configuration :: Layout Settings :: CSS Buttons”)
2) The buttons were red.
3) I did not have in admin css-buttons: (“admin :: Configuration” (at the bottom))

Thanks for any answers,
Sawhorse

[Sawhorse]

I may have an answer to one of my own questions.
Question # 3) I did not have in admin css-buttons: (“admin :: Configuration” (at the bottom))

That could be because I did not give myself admin control of it in Admin Profiles.

Sawhorse

[paulm]

Q1: Yes, this mod works with 1.3.8a

Q2: Yes, on a clean install you can copy html_output-138.php and overwrite includes/functions//html_output.php . If in doubt compare the file to your file using a file compare tool.

Q3: I don't exepect any conflicts.

1) I could not turn off the CSS buttons (“admin :: Configuration :: Layout Settings :: CSS Buttons”)

That is a standard Zen Cart setting, it's not added by this mod.

2) The buttons were red.

Is that an error?

3) I did not have in admin css-buttons: (“admin :: Configuration” (at the bottom))

Looks like you answered this one yourself

[Sawhorse]

paulm,

Thanks for the information. As I suspected - operator error.

I will try again, and maybe this time I can do it correctly.

Sawhorse

[Sawhorse]

Well I have tried again, and I believe that I have most of the mod correctly adjusted. However, I have five questions.

1. If I change the stylesheet_css_buttons.css under [MY TEMPLATE] should I also copy that changed stylesheet_css_buttons.css to my admin/includes/ folder?
2. I am adding text for the poups in includes/languages/english/extra_definitions/css_buttons_popups.php file. However, there is also a css_buttons_popups.php file under the admin section of ZC. Do I need to add the popup info in that file as well? It does not seem to need it.
3. How do I change the position of the pop-up show button? Currently it shows tight and straight below the css button. I would prefer it to show, much like the ones on the standard ZC image buttons, below and to the right and with a bit of space between the popup and the css button image.
4. I am testing with the BUY NOW css button and its image is working on “ALL PRODUCTS page. However, I do not get the css button image on the individual product page listings. I do get the small text “buy now” and the popups, but there are no css button images. Do you have a cure for this issue?
5. The BUY NOW css button images on “ALL PRODUCTS page are very close each product name. How do I add a bit of space between the two.

I have set my site to use css buttons if you wish to visit.

PS. I see you like red buttons ;-)

Thanks,
Sawhorse

[Sawhorse]

- Bump -

[paulm]

1 & 2: only if you are using css buttons in the admin and would like to make use of those modifications in the admin.

3, 4 & 5: an url might help (although I can not promise I will have time soon to look at it)

4: may also be related to a conflict between the css buttons Add On and the built in Zen css buttons, both have to be enabled.

[Sawhorse]

paulm,

Thanks for your response to questions 1 & 2. It makes perfect sense.

Regarding questions 3, 4 & 5 my url is sawhorsejewelry.com You can also see the addons that I used on this site in my signature at the bottom of my response.

I will turn on the CSS buttons. I do think you have a point that the built in ZC CSS buttons may be causing a problem. I hope you can resolve this issue.

I believe that the original ZC CSS buttons were working correctly (with the exception of the several buttons in the cart) before I added this mod.

If anyone can help correct this I believe you can, because it is my understanding you are the author of not only this mod but the original ZC CSS button code.

Sawhorse

[Sawhorse]

[FONT=Arial]Using Firebug to inspect the elements of the All Products listing (which displays the CSS buy button correctly) I see that the button used is "cssButton button_buy_now"
[/FONT]

  [FONT=Arial]<span class="cssButtonLinkPopup">
  [/FONT][FONT=Arial]<span class="cssButton button_buy_now" onmouseout="this.className='cssButton button_buy_now'" onmouseover="this.className='cssButtonHover button_buy_now button_buy_nowHover'">Buy Now</span>
  [/FONT][FONT=Arial]<strong>Buy Now</strong>
  [/FONT][FONT=Arial]</span>[/FONT]

[FONT=Arial]
[/FONT] [FONT=Arial]Using Firebug to inspect the elements of the any of the individual products (Earrings, Necklaces, & Pendants listings[/FONT][FONT=Arial] (which displays the CSS buy button incorrectly)[/FONT][FONT=Arial] I see that the button used is "listingBuyNowButton"
[/FONT]

  [FONT=Arial]<span class="cssButtonLinkPopup">
  [/FONT][FONT=Arial]<span class="listingBuyNowButton">Buy Now</span>
  [/FONT][FONT=Arial]<strong>Buy Now</strong>
  [/FONT][FONT=Arial]</span>[/FONT]

[FONT=Arial]
It seems that we are getting two different buttons depending on the type of listing. One appears to be CSS and one does not.

Sawhorse




[/FONT]

[paulm]

The buttons in your product listing are missing the cssButton class. This class is needed to make the buttons look like (css) buttons.

Maybe you have made changes to the template or module that generates the listing, and replaced the original Zen Cart code that calls the zen button function by something else? (the css buttons add on uses the zen button functions to replace the image buttons by css buttons)

On a default 1.3.8 install + the css buttons add on, the product listing css buttons work fine.