[Justin EParticipant]

Hello all,
I’m running into an issue with the formatting of my Woo Commerce product page when using a shortcode to insert it into another page.

For example… this is how the product page displays on its own (which looks great):

http://dev.beekenbiomedical.com/product/nustat-tactical/

However, when I use the shortcode to add it to a page I’m developing, the formatting gets messed up (scroll down a bit):

http://dev.beekenbiomedical.com/products/nustat-tactical/

I’m not sure if this is a theme issue, a Woo Commerce issue, or if I need to be doing something differently. I would ideally like to have expanded info about the product on the same page as the shopping portion, so I need a solution that goes beyond simply using the Woo Commerce product page to display my products.

Thanks in advance for any thoughts or suggestions!

[Kosher KMember]

Hi There,

Thanks for writing in and I’m sorry to hear about your issue,

Upon checking on your site, I can see that you have added a woocemmerce product into a page which I’m not sure what surecode you use.

I have also seen the the woocommerce data is wrap with <pre class=”brush: php; gutter: false”>

If you are using Visual Composer to create this page, make sure to use “Text Element” and add your shortcode in Text Editor.

Would also mind providing login access to your site for us to check on the back-end set-up of that Page that contains a product.

I hope this helps.

Have a great day

[Justin EParticipant]

This reply has been marked as private.

[Nabeel AModerator]

Hi Justin,

Upon testing your site, you’re using a fairly old version of X theme. Please update the theme and plugins as soon as possible. You can find the latest version numbers here: (http://theme.co/x/member/changelog/) 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.

Also please update the WooCommerce to the latest version. Let us know how this goes!

[Justin EParticipant]

Hi Support,
I’ve updated the site to the latest version of X & updated my plugins, and seem to still be getting the same issue in terms of how the product display page shows inside one of my pages.

Any thoughts?

[Paul RModerator]

Hi Justin,

I was able to fix it, please check http://dev.beekenbiomedical.com/products/nustat-tactical/

I remove the wrap <pre class=”brush: php; gutter: false”> in http://screencast.com/t/3isgPegh5Gw

Thanks

[Justin EParticipant]

Hi Support,
Looks great, thanks!
I’m still confused though… where does that wrap code come into play? Is it just because I was entering the shortcode in the visual editor rather than the text editor?
Thanks again for your help and continued support!
Justin

[CousettMember]

Yes when you enter the shortcodes into the visual editor they can wrap differently than how you specifically want it when you place it in the text editor.

[Justin EParticipant]

Thanks again support… I’ll keep that I mind!

[CousettMember]

Glad we were able to help. 🙂 Have a nice day.

[Justin EParticipant]

Hi Support,
Getting back to this site development, I just noticed a new issue with my pages that contain Woo Commerce Shortcodes.

All of the (four) product pages on the site are laid out similar to this:

http://dev.beekenbiomedical.com/products/nustat/

But all of a sudden, any of the pages that contain this shortcode: [product_page id=”xxxx”] seem to display incorrectly. For example:

http://dev.beekenbiomedical.com/products/nustat-tactical/
http://dev.beekenbiomedical.com/products/nuvaderm/
http://dev.beekenbiomedical.com/products/nuvavet/

It appears as though the Woo portion of the page has taken over the whole site width, overlaid the main page content, the dropdown in the menu is broken, etc.

This issue cropped up prior to me updating the X to the latest version, but updating the theme and x-shortcodes plugin did not seem to fix the problem. As far as I can tell, it’s not a browser issue either… just broken all of a sudden.

The only Woo Shortcode difference on the correct page (Nustat) and all the broken pages is that the correct page is loading a product category rather than a single product.

Any thoughts on how to rectify this issue?
Thanks much!

[Justin EParticipant]

I should also mention that if you remove the product shortcode completely, the page appears correctly.

[Nabeel AModerator]

Hi Justin,

Seems like the [product_page id=”xxxx”] shortcode is breaking the theme. Can you replace it with [product_category category="category-name-here"]

Let us know how this goes!

[Justin EParticipant]

Hi Support,
That could work as a temporary fix, but is not ideal for my customer, as they would like to actually display the full product cart info on the page I’m creating. Any chance this will be addressed in a future update, or is it more likely something on Woo Commerce’s side?
Thanks again,
Justin

[RadModerator]

Hi Justin,

Unfortunately it’s woocommerce reserved shortcodes and we’re not able to modify its core. We could add X shortcodes for woocommerce as additional feature but that will be as X extension. Stay tuned for more extensions 🙂

Thanks!

[Author]

Posts