Button shortcodes

[herbjoseph]

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/

[Veena]

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

[herbjoseph]

[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/

[Veena]

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]

[herbjoseph]

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.

[Veena]

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]

[herbjoseph]

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/

[Veena]

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

[herbjoseph]

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?

[Veena]

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.

[Author]

Posts