Using Pricing Tables but when updating page the display changes

Not sure what’s going on here. When I create the pricing table it appears correctly in the WP Bakery editor but then when I submit the page it changes the display.

After Updating Page

Hi,

I tried in my test site but could not replicate this issue.

Can you confirm that you are fully updated? (Theme and Plugins)

You can find the latest version numbers here: (https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

You could also try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes!

I’ve disabled all plugins except WP Bakery, which is needed and the issue still persists.
https://searsanimal.mccreery.ca/family-plans/adult-senior-dog-monthly-plan/

Hi There,

I’ve updated the pricing table shortcodes to this:

[pricing_table columns="3" id="" class="" style=""][pricing_table_column interval="" class="" featured_sub="" currency="" price="" id="" style="" title="1"][icon_list]
[icon_list_item type="check"]Annual Physical Exam[/icon_list_item]
[icon_list_item type="check"]Two Medical Appointments[/icon_list_item][icon_list_item ]Three Medical Appointments[/icon_list_item][icon_list_item type="check"]Annual Dental Exam (February)[/icon_list_item]
[icon_list_item type="check"]Annual Vaccinations
<ul>
 	<li style="text-align: left;">Lepto</li>
 	<li style="text-align: left;">Bordetella</li>
 	<li style="text-align: left;">Rabies (3 Years) As Required</li>
 	<li style="text-align: left;">DAP (3 Years) As Required</li>
 	<li style="text-align: left;">Lyme Vaccine (Not Included, Can be Added)</li>
</ul>
[/icon_list_item]
[icon_list_item type="check"]Parasitic Blood Screen[/icon_list_item]
[icon_list_item type="check"]Lyme Test[/icon_list_item]
[icon_list_item type="check"]Heartworm Test[/icon_list_item]
[icon_list_item type="check"]Fecal Exams Up to 2x Annually[/icon_list_item]
[icon_list_item]Diagnostic Testing, 10 Blood Chemistries with Electrolytes, Complete Blood Count[/icon_list_item]
[icon_list_item ]Early Renal Detection Test[/icon_list_item]
[icon_list_item ]Routine Internal Parasite Protection *Up to 2 Doses[/icon_list_item]
[icon_list_item ]Urinalysis[/icon_list_item]
[icon_list_item ]Credit towards Monthly Food Program[/icon_list_item]
[icon_list_item type="check"]Monthly Nail Trims[/icon_list_item]
[icon_list_item type="check"]Monthly Weigh-Ins[/icon_list_item]
[icon_list_item]Thyroid Test (Senior Only)[/icon_list_item]
[icon_list_item type="check"]Stance Analyzer[/icon_list_item]
[icon_list_item ]Dental Cleaning[/icon_list_item]
[icon_list_item type="check"]5% Discount on all Veterinary Services[/icon_list_item]
[icon_list_item ]10% Discount on all Veterinary Services[/icon_list_item]
[/icon_list]
[button shape="rounded" href="#example" title="example"]Sign Up Today![/button][/pricing_table_column][pricing_table_column featured="true" interval="" class="" featured_sub="Most Popular!" currency="" price="" id="" style="" title="2"][icon_list]
[icon_list_item type="check"]Annual Physical Exam[/icon_list_item]
[icon_list_item]Two Medical Appointments[/icon_list_item]
[icon_list_item type="check"]Three Medical Appointments[/icon_list_item][icon_list_item type="check"]Annual Dental Exam (February)[/icon_list_item]
[icon_list_item type="check"]Annual Vaccinations
<ul>
 	<li style="text-align: left;">Lepto</li>
 	<li style="text-align: left;">Bordetella</li>
 	<li style="text-align: left;">Rabies (3 Years) As Required</li>
 	<li style="text-align: left;">DAP (3 Years) As Required</li>
 	<li style="text-align: left;">Lyme Vaccine (Not Included, Can be Added</li>
</ul>
[/icon_list_item]
[icon_list_item type="check"]Parasitic Blood Screen[/icon_list_item]
[icon_list_item type="check"]Lyme Test[/icon_list_item]
[icon_list_item type="check"]Heartworm Test[/icon_list_item]
[icon_list_item type="check"]Fecal Exams Up to 2x Annually[/icon_list_item]
[icon_list_item type="check"]Diagnostic Testing, 10 Blood Chemistries with Electrolytes, Complete Blood Count[/icon_list_item]
[icon_list_item type="check"]Early Renal Detection Test[/icon_list_item]
[icon_list_item type="check"]Routine Internal Parasite Protection *Up to 2 Doses[/icon_list_item]
[icon_list_item type="check"]Urinalysis[/icon_list_item]
[icon_list_item type="check"]Credit towards Monthly Food Program[/icon_list_item]
[icon_list_item type="check"]Monthly Nail Trims[/icon_list_item]
[icon_list_item type="check"]Monthly Weigh-Ins[/icon_list_item]
[icon_list_item type="check"]Thyroid Test (Senior Only)[/icon_list_item]
[icon_list_item type="check"]Stance Analyzer[/icon_list_item]
[icon_list_item]Dental Cleaning[/icon_list_item]
[icon_list_item]5% Discount on all Veterinary Services[/icon_list_item]
[icon_list_item type="check"]10% Discount on all Veterinary Services[/icon_list_item]
[/icon_list]
[button shape="rounded" href="#example" title="example"]Sign Up Today![/button][/pricing_table_column][pricing_table_column interval="" class="" featured_sub="" currency="" price="" id="" style="" title="3"][icon_list]
[icon_list_item type="check"]Annual Physical Exam[/icon_list_item]
[icon_list_item]Two Medical Appointments[/icon_list_item][icon_list_item type="check"]Three Medical Appointments[/icon_list_item][icon_list_item type="check"]Annual Dental Exam (February)[/icon_list_item]
[icon_list_item type="check"]Annual Vaccinations
<ul>
 	<li style="text-align: left;">Lepto</li>
 	<li style="text-align: left;">Bordetella</li>
 	<li style="text-align: left;">Rabies (3 Years) As Required</li>
 	<li style="text-align: left;">DAP (3 Years) As Required</li>
 	<li style="text-align: left;">Lyme Vaccine (Not Included, Can be Added)</li>
</ul>
[/icon_list_item]
[icon_list_item type="check"]Parasitic Blood Screen[/icon_list_item]
[icon_list_item type="check"]Lyme Test[/icon_list_item]
[icon_list_item type="check"]Heartworm Test[/icon_list_item]
[icon_list_item type="check"]Fecal Exams Up to 2x Annually[/icon_list_item]
[icon_list_item type="check"]Diagnostic Testing, 10 Blood Chemistries with Electrolytes, Complete Blood Count[/icon_list_item]
[icon_list_item type="check"]Early Renal Detection Test[/icon_list_item]
[icon_list_item type="check"]Routine Internal Parasite Protection *Up to 2 Doses[/icon_list_item]
[icon_list_item type="check"]Urinalysis[/icon_list_item]
[icon_list_item type="check"]Credit towards Monthly Food Program[/icon_list_item]
[icon_list_item type="check"]Monthly Nail Trims[/icon_list_item]
[icon_list_item type="check"]Monthly Weigh-Ins[/icon_list_item]
[icon_list_item type="check"]Thyroid Test (Senior Only)[/icon_list_item]
[icon_list_item type="check"]Stance Analyzer[/icon_list_item]
[icon_list_item type="check"]Dental Cleaning[/icon_list_item]
[icon_list_item]5% Discount on all Veterinary Services[/icon_list_item]
[icon_list_item type="check"]10% Discount on all Veterinary Services[/icon_list_item]
[/icon_list]
[button shape="rounded" href="#example" title="example"]Sign Up Today![/button][/pricing_table_column][/pricing_table]

Everything looks good now.

Cheers!

What was the issue though?

I used WP Bakery to insert those pricing tables, was it an incorrect shortcode?

Thanks,

Hi There,

There were some incorrect characters(e.g. single quote, double quotes, …) in your pricing table shortcodes which I’ve already corrected it.

So everything is good now.

Regards!

Ok. I think I was trying to add some icons in there but when the data-icon was surrounded in double quotes it would actually display single quotes on the page. Even right now I’ve added heart icons to the Title of the pricing table but it requires me to use single quotes. Is there a better way to achieve this?
Thanks

Hi There,

You can use X icons shortcode inside Visual Composer.

Example:
[x_icon type="heart"]

For more information, you can refer to (http://demo.theme.co/integrity-1/shortcodes/icons/).

Hope that helps.

Thanks but I tried that and it doesn’t work in the title of the pricing table using WPBakery

Hi @chrismccreery,

That’s visual composer’s title limitation, does normal HTML code works? If yes, you can also try this code.

<i class="x-icon x-icon-heart" data-x-icon="" aria-hidden="true"></i>

Else, the title doesn’t really accept any type of code (just plain text).

Thanks!

Yes that works except you have to replace the data-x-icon=“” with the actual code &#xf004

Thanks

You’re most welcome.

Fixed. When adding pricing tables using WP Bakery it sometimes replaces the closing > with &lgt

Glad things sorted out, &gt; that’s the greater than [>] HTML entity, it must have been converted to that, when you switch from visual to text, then text back to the visual editor.

Thanks,

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.