Accordion and Table dont work in WooCommerce 'Product Short Description'

Hi

But my point is, it doesnt work within the WooCommerce Product Short Description. It does with other themes but not with Enfold.

http://dev.electrixinternational.com/product/channel-hanger-bracket/ <<< Salient Nectar

This is my table withing a toggle code …

[av_toggle title='Support Sizing Guide' tags='']
<h2>Gear Plate Dimensions</h2>
[av_table purpose='tabular' pricing_table_design='avia_pricing_default' pricing_hidden_cells='' caption='' responsive_styling='avia_responsive_table' custom_class='']
[av_row row_style='avia-heading-row'][av_cell col_style='']Part No.[/av_cell][av_cell col_style='']Height (mm)[/av_cell][av_cell col_style='']Fixing Centres (mm)[/av_cell][av_cell col_style='']Recommended Usable Width (mm)[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']CHB-D 76[/av_cell][av_cell col_style='']41[/av_cell][av_cell col_style='']125[/av_cell][av_cell col_style='']Up to 76[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']CHB-D 102[/av_cell][av_cell col_style='']41[/av_cell][av_cell col_style='']150[/av_cell][av_cell col_style='']Up to 102[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']CHB-D 152[/av_cell][av_cell col_style='']41[/av_cell][av_cell col_style='']190[/av_cell][av_cell col_style='']Up to 152[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']CHB-D 230[/av_cell][av_cell col_style='']41[/av_cell][av_cell col_style='']267[/av_cell][av_cell col_style='']Up to 230[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']CHB-D 305[/av_cell][av_cell col_style='']41[/av_cell][av_cell col_style='']343[/av_cell][av_cell col_style='']Up to 305[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']CHB-D 460[/av_cell][av_cell col_style='']41[/av_cell][av_cell col_style='']497[/av_cell][av_cell col_style='']Up to 460[/av_cell][/av_row]
[av_row row_style=''][av_cell col_style='']CHB-D 610[/av_cell][av_cell col_style='']41[/av_cell][av_cell col_style='']647[/av_cell][av_cell col_style='']Up to 610[/av_cell][/av_row]
[/av_table]
[/av_toggle]

In the video below, I add the code above to the Product Short Description, Update, View the page where it works on Salient, then view the page where it doesnt work. Then when I go back to the backend it has changed all of the apostrophes to code …

http://screencast.com/t/dLvG0WQLu
http://dev2.electrixinternational.com/product/channel-hanger-bracket/

Hi

That’s exactly what I did.

The only difference being …

1) create test page

2) create desired table

3) add accordion to test page

4) copy html for table and paste into accordion

5) copy the html for the cordon including the table and paste it into a product.

6) update the product and the apostrophes change to code and it doesn’t work

Hello

I have tried this code …

[av_toggle title='Support Sizing Guide' tags='']
<h2>Gear Plate Dimensions</h2>
<table class="shop_attributes">
			<tbody><tr class="">
			<th>Material</th>
			<td><p>316L – V4A – 1.4404* Stainless Steel</p>
</td>
		</tr>
			<tr class="alt">
			<th>Material Finish</th>
			<td><p>Dull (2B)</p>
</td>
		</tr>
			<tr class="">
			<th>Hole Diameter</th>
			<td><p>M12</p>
</td>
		</tr>
			<tr class="alt">
			<th>Use Rod Diameter</th>
			<td><p>M10 or M12</p>
</td>
		</tr>
	
</tbody></table>
[/av_toggle]

But as soon as I save the product page, it changes the code to this …

[av_toggle title='Support Sizing Guide' tags=''] and breaks the code again by removing th ‘ and replacing with '

Plus, I want to use the Enfold table shortcode as it works well with responsive.

I can’t paste how it appears as it converts it back to the correct code on here.

http://screencast.com/t/iAJUc1FWlrzU

• This reply was modified 9 years, 1 month ago by richardelectrix.

Hi.

I’m confused. Why would I have to hire a freelancer to fix something that should be working as standard?

Shouldn’t enfold short codes work anywhere on the site?

Hi

I have managed to fix this issue now.