WordPress.org

Ready to get started?Download WordPress

Forums

DigiShop
[resolved] CSS Styling for Buy Now Buttons (11 posts)

  1. mark3738
    Member
    Posted 2 years ago #

    I would like to right-align the buy now button, but it seems to overwrite any css rules I apply, even if putting a div around the button.

    I have looked at your code but can't seem to find where the button is styled or managed from. Is there somewhere I can edit the css to achieve this.

    That is the only issue I would like help with as I have found the installation and ease of use brilliant.

    http://wordpress.org/extend/plugins/digishop/

  2. Svetoslav Marinov
    Member
    Plugin Author

    Posted 2 years ago #

    Hi Mark,

    you could target the forms that DigiShop creates

    e.g.
    form id="digishop_form_1" class="digishop_form"

    the submit button is an image ...
    <input type="image" ... />

    P.S. the latest version brings logs of features.
    http://wordpress.org/extend/plugins/digishop/changelog/

  3. Svetoslav Marinov
    Member
    Plugin Author

    Posted 2 years ago #

    Hi Mark,

    Just released DigiShop v.1.0.7 which includes CSS styles around the Buy Now button.

    <span id="digishop_form_submit_button_container_1" class="digishop_form_submit_button_container">
    		<input id="digishop_form_submit_button_1" type="image" class="digishop_form_submit_button" src="https://www.paypal.com/en_GB/i/btn/btn_buynow_LG.gif" border="0" name="submit" alt="Buy Now!" />
    	</span>
  4. lucaf
    Member
    Posted 1 year ago #

    Hi all, I'd like to make the Buy Now button simply with a "Buy Now" link, withaiut loading images.
    Any suggestions?

    Thanks a lot

  5. Svetoslav Marinov
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Lucaf,

    We have some plans for releasing a PRO version which will allow you to style the buy now button.

    Slavi

  6. lucaf
    Member
    Posted 1 year ago #

    HI!
    when will it be released?

    Thank you

  7. lucaf
    Member
    Posted 1 year ago #

    While you're working on the pro version maybe a status parameter so that when you pass the mouse above the link another image is loaded could help.
    correct?
    how to implement it?

    Thank you very much, digishop seems to be the best solution for our project's site but wer have to relolve the problem with the button appearece...

  8. Svetoslav Marinov
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Lucaf,

    You can target each submit button using jQuery

    jQuery('.digishop_form_submit_button_container .digishop_form_submit_button')......<= put some effects/jQuery plugins here

  9. lucaf
    Member
    Posted 1 year ago #

    Uhm... sounds a little bit difficult for me...
    Should i copy/paste the lines you posted?
    where? maybe in the digishop.php file?
    do i need a jQuery plugin?

    thank you again

  10. Svetoslav Marinov
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Lucaf,

    What images do you want to use as Buy Now button?

    Also how do the button look in different states e.g. on mouse over and out ?

    P.S. We'll be launching a support (Club) site next week.
    Join the email list if you are interested.

    http://eepurl.com/u4e8f

  11. lucaf
    Member
    Posted 1 year ago #

    Hi Slavi,
    I just need that in the mouse-over state the (orange) link text becomes white, so if the link button has to load an image i need to know how to load the mouse-over image and how to make the mouse-over working. The best solution shuold be avoiding the image loading and use sinple text links but i guess i have to wait for the pro version release...

    I'll sure subscribe to the mailing list...

    Thank you
    L.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic