Button shortcodes

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #10634
    Herbjosephherbjoseph
    Member

    Is there a plugin I need to download for the button shortcodes to work? I tried to grab the shortcode off of the sample website but it didn’t work.

    http://dev.emergetech.com/instock-product-locator/

    #10657
    VeenaVeena
    Moderator

    Pls copy button shortcodes from the theme documentation and use, It should work.

    #10669
    Herbjosephherbjoseph
    Member

    [button id=”purchase-button” style=”padding: 10px 20px;” color=”blue” type=”rounded” size=”large” “http://shopping.na1.netsuite.com/c.TSTDRV1209691/eMerge-InStock/index.html ” align=”center” ]Demo[/button]

    I found this code and put it in my page. It almost works except for two things.

    1. How can I change the color to match the skin color I chose.

    2. The button doesn’t actually work, but instead just reloads the page. What could be causing this?

    http://dev.emergetech.com/instock-product-locator/

    #10686
    VeenaVeena
    Moderator

    1.button color

    .button.blue {
    background: #1e73be;
    }
    

    2. You have missed “href” attribute in the button shortcode

    [button id="purchase-button" style="padding: 10px 20px;" color="green" type="rounded" size="large" href="http://targeturl.com" align="left" target="_blank"]Green Button[/button]
    
    #10725
    Herbjosephherbjoseph
    Member

    Where should I put that code? I tried putting it in the custom css in the theme options but that didn’t work.

    Adding the Href only made the page now redirect to a 404 page. The link works fine, its currently in use by another website.

    #10731
    VeenaVeena
    Moderator

    1. I have given the custom css to change the “Demo” button color.Hope you want the same.

    2. I am seeing an improper span tag in your link (href), so that it is linking to this address “http://dev.emergetech.com/instock-product-locator/%3Cspan”

    Kindly replace it with below shortcode, i have checked it in my system and it is working fine.

    [button id="purchase-button" style="padding: 10px 20px;" color="blue" type="rounded" size="large" href="http://shopping.na1.netsuite.com/c.TSTDRV1209691/eMerge-InStock/index.html" align="left" target="_blank"]Blue Button[/button]
    
    #10814
    Herbjosephherbjoseph
    Member

    It still isn’t working. I put the code in and its just showing up as code in the page.

    http://dev.emergetech.com/instock-product-locator/

    #10845
    VeenaVeena
    Moderator

    Its working , i have added the same shortcode pls check it –
    http://dev.emergetech.com/instock-product-locator/

    #10858
    Herbjosephherbjoseph
    Member

    Alright its working. But now it seems to be awkwardly placed and I cannot get it to the spot the other button was in. Can you help with this?

    #10866
    VeenaVeena
    Moderator

    I just gave you as an example inorder to show that the shortcode is working so i haven’t bothered about any alignment.
    You can copy the same shortcode and use whereever you need.

Viewing 10 posts - 1 through 10 (of 10 total)
  • The forum ‘Agile Theme Support’ is closed to new topics and replies.