Skip Navigation

[Resolved] product layout not showing correctly

This thread is resolved. Here is a description of the problem and solution.

Problem:

I am trying to: use the layout editor to generate a new product layout and the product excerpt is not showing the correct layout (lost html) instead the description is set in one line

I expected to see: the product images should line to the product description and the excerpt should show proper layout as i assigned in the product description

Solution:

Q1) the product images should line to the product description
This is a CSS problem, see the CSS codes here:

https://toolset.com/forums/topic/product-layout-not-showing-correctly/#post-1212940

Q2) the excerpt should show proper layout as i assigned in the product description

You can add attribute output="raw" in the shortcode [wpv-post-excerpt], and test again, for example:

[wpv-post-excerpt output="raw"]

Relevant Documentation:

This support ticket is created 5 years, 8 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Our next available supporter will start replying to tickets in about 0.92 hours from now. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 4 replies, has 2 voices.

Last updated by uweK-3 5 years, 8 months ago.

Assisted by: Luo Yang.

Author
Posts
#1212746
2019-03-11_11h58_14.jpg

I am trying to: use the layout editor to generate a new product layout and the product excerpt is not showing the correct layout (lost html) instead the description is set in one line

Link to a page where the issue can be seen: hidden link

I expected to see: the product images should line to the product description and the excerpt should show proper layout as i assigned in the product description

Instead, I got: not the correct layout

NOTE: I'm using Nifty Coming Soon on that site, to see the site you need to login through the WP Admin
hidden link
User: toolset-***
Pass: ****

also note that we use Host Access Control, in case you need FTP access we will need your IP to add it to our firewall

#1212900
single-product.JPG

Hello,

Thanks for the details, I can login into your website.

Please elaborate the question with more details:

the product images should line to the product description and the excerpt should show proper layout as i assigned in the product description

How do you want to show these:
- the product images should line to the product description
- the excerpt should show proper layout as i assigned in the product description

I assume we are talking about the layout "Template for Products":
hidden link

I have checked it in your website, the shortcodes do work in your website:
- product images shortcode [wpv-woo-product-image gallery_on_listings="yes"]
- post excerpt shortcode [wpv-post-excerpt]

See screenshot single-product.JPG

#1212913

Hello
it is correct that the shortcodes are working, however, if you check the product description (post excerpt) on the product himself, then you will see that this has been done with HTML, for some reason your shortcode doesnt show that.
Also you will see that the images should be moved to the right, to have a proper view with the oeverall of the site, as shown on my screenshot
Can you tell me what i need to do to get this fixed?

Thank you

#1212940

Thanks for the details.

Q1) the product images should line to the product description
This is a CSS problem, you can try some CSS codes, for example:

div.woocommerce-product-gallery{
float:right;
}

Q2) the excerpt should show proper layout as i assigned in the product description
You can add attribute output="raw" in the shortcode [wpv-post-excerpt], and test again, for example:
[wpv-post-excerpt output="raw"]

#1213254

My issue is resolved now. Thank you!