Quickshop Individual Product Pages not displaying correctly

[bnapoli+ 0]

I have Quickshop installed on my WooCommerce section of this website: http://a04.125.myftpupload.com/

Main Shop: http://a04.125.myftpupload.com/?page_id=1198

I've having what appears to be CSS issues on the individual product pages. After cleaning up any code accessible from the wp-admin, the page still appears broken. I never tried to customize it, it just came broken like this right out of the box.

You can see examples of it broken on every single product page, see here:

http://a04.125.myftpupload.com/?product=futaba-14sg-14-channel-2-4-ghz-radio-system

http://a04.125.myftpupload.com/?product=gremsy-gstabi-h7-brushless-3-axis-gimbal

http://a04.125.myftpupload.com/?product=dji-inspire-1-zenmuse-x5-gimbal-and-camera-unit

http://a04.125.myftpupload.com/?product=dji-wookong-m-flight-controller

Can somebody help?

[Andrew 207]

Do you have the content section on these pages as well? i think that may be causing the issue.

[bnapoli+ 0]

@Andrew Nope, none of them have the content section visible. I just made it visible for a few and it didnt fix or change anything.

[bnapoli+ 0]

Any other ideas? @Andrew @support @Ray

[edgarcheverier+ 26]

Hi, 

You have an error in the console because of a fail request: https://cl.ly/3O0a2r2u2y2u   https://cl.ly/261K0B3G1Q3k

Can you try to deactivate Quickshop and check if you can see the images?

[bnapoli+ 0]

When I disable quick shop, I get this error: http://prntscr.com/iblvae --- it just says Quickshop plugin is missing

Remember... this is the Pagelines plugin broken right out of the box. I didn't touch it or modify it, it was broken right from install. That image you're showing appears to be a placeholder image that is part of the listing page.

[bnapoli+ 0]

I disabled the other Pagelines WooCommerce plugin "Shoplines"

It fixed some of the CSS related issues but now it created its own new issues.

Here is a product page: http://a04.125.myftpupload.com/?page_id=1198

Now its also showing related products within the products on the shop page: http://a04.125.myftpupload.com/?page_id=1198

Really confused, thx in advance.

 

[edgarcheverier+ 26]

You can use the next code into your LESS/CSS editor to change that: https://cl.ly/0q1B1F0B3G38
ul.products.columns-4{
display: none;
}
nav.woocommerce-pagination{
display: none;
}
p.woocommerce-result-count{
display: none;
}

[bnapoli+ 0]

That just removes the bottom half of the page. That is the main "shop homepage" area using the QuickShop plugin, with this CSS it only shows the featured carousel and nothing else.

This site has almost no other plugins outside of Pagelines, I haven't modified it in any way, it was displaying incorrectly like this as soon as it was installed. Nobody else had this issue?

The main shop page has an error: seen here http://prntscr.com/ic5499 and here http://a04.125.myftpupload.com/?page_id=1198&pl_edit=on

 

[bnapoli+ 0]

Does anybody else have a fix for this? Running out of time. There are no other plugin conflicts, only running PL, didn't customize it. Just broken out of the box. Please help.

@Andrew?

[edgarcheverier+ 26]

Try to go to one of your product pages on WP like this one: http://a04.125.myftpupload.com/?product=dji-iosd-mini-on-screen-display-module
Scroll down until product data - variable product, in variations define your default product value in Default From Values

[bnapoli+ 0]

@edgarcheverier we dont have any variations, so there is nothing to match it to. It is just a simple product, no variations.

How does this solve the main Quickshop "homepage" issue?....

Also, its not properly showing Product Images either

[edgarcheverier+ 26]

What is exactly the problem you have in the Shop main page? You don't want to show the related products under each product?

About the images in each product, I solved the problem with Javascript, for some reason the img doesn't have the right src.

If you go to one of your products you will see this: https://cl.ly/3v0J2w1s3L2Q

But if you open the image the right src appears: https://cl.ly/1606413P0V3f 

You only have to copy this src: https://cl.ly/3w112D402x3G

And in your WP pages add this code: 

document.querySelector("img.woocommerce-placeholder.wp-post-image").src="http://a04.125.myftpupload.com/wp-content/uploads/2016/12/10x-Zoom-HD-Camera-with-HDMI-.jpg";

Just like this:  https://cl.ly/3J063e2q093o

And this will solve the problem of the images:  https://cl.ly/3D3f0J3c031c

[bnapoli+ 0]

Are you saying I should be adding that code manually to every product page/post?

[nickod26+ 0]

Hi Guys....just wondering if there is a REAL solve for this issue not a band-aid for each product? I'm having this issue on my individual products pages. 

Cheers

On 13/02/2018 at 6:30 PM, edgarcheverier said:

What is exactly the problem you have in the Shop main page? You don't want to show the related products under each product?

About the images in each product, I solved the problem with Javascript, for some reason the img doesn't have the right src.

If you go to one of your products you will see this: https://cl.ly/3v0J2w1s3L2Q

But if you open the image the right src appears: https://cl.ly/1606413P0V3f 

You only have to copy this src: https://cl.ly/3w112D402x3G

And in your WP pages add this code: 

document.querySelector("img.woocommerce-placeholder.wp-post-image").src="http://a04.125.myftpupload.com/wp-content/uploads/2016/12/10x-Zoom-HD-Camera-with-HDMI-.jpg";

Just like this:  https://cl.ly/3J063e2q093o

And this will solve the problem of the images:  https://cl.ly/3D3f0J3c031c

 

[edgarcheverier+ 26]

Hi,

You can use the version 3.2.6 of Woocommerce, and everything should work fine, the problem is a conflict with the new versions of Woocommerce are not fully compatible with Quickshop.

[nickod26+ 0]

Any word on a patch for this? I have other plugins clashing with 3.2.6 that need a newer version of WooCommerce to work so going back to 3.2.6 isn't really a fix it's just a band-aid.

My only issue is that the product image doesn't show up on the product page and it is instead replaced with the placeholder image...it works in 3.2.6 but going back to 3.2.6 breaks a bunch of other stuff.

A fix for this would be much appreciated!!

On 21/05/2018 at 9:54 PM, edgarcheverier said:

Hi,

You can use the version 3.2.6 of Woocommerce, and everything should work fine, the problem is a conflict with the new versions of Woocommerce are not fully compatible with Quickshop.

 

[nickod26+ 0]

On 05/06/2018 at 8:25 PM, nickod26 said:

Any word on a patch for this? I have other plugins clashing with 3.2.6 that need a newer version of WooCommerce to work so going back to 3.2.6 isn't really a fix it's just a band-aid.

My only issue is that the product image doesn't show up on the product page and it is instead replaced with the placeholder image...it works in 3.2.6 but going back to 3.2.6 breaks a bunch of other stuff.

A fix for this would be much appreciated!!

 

Bump

[bnapoli+ 0]

Yeah, why no response on this??? @Andrew @Ray 

[nickod26+ 0]

Have we got a proper fix for this yet??? I'm cgoing to have to rebuild a website if there isn't a proper fix. @Andrew I'm sure this would take you 5 minutes to fix or at the very least 5 minutes to tell us how to fix it.

Placing this bit of code in the product description works but this isn't a "fix" its a bandaid. I'd really appreciate some prompt attention of this one.

Cheers

Nick

document.querySelector("img.woocommerce-placeholder.wp-post-image").src="http://a04.125.myftpupload.com/wp-content/uploads/2016/12/10x-Zoom-HD-Camera-with-HDMI-.jpg";