Jump to content
bnapoli

Quickshop Individual Product Pages not displaying correctly

Recommended Posts

bnapoli

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?

Share this post


Link to post
Share on other sites
Andrew

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

Share this post


Link to post
Share on other sites
bnapoli

@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.

Share this post


Link to post
Share on other sites
bnapoli

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.

Share this post


Link to post
Share on other sites
bnapoli

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.

 

Share this post


Link to post
Share on other sites
edgarcheverier

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;
}

Share this post


Link to post
Share on other sites
bnapoli

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

 

Share this post


Link to post
Share on other sites
bnapoli

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?

Share this post


Link to post
Share on other sites
bnapoli

@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

Share this post


Link to post
Share on other sites
edgarcheverier

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

Share this post


Link to post
Share on other sites
bnapoli

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

Share this post


Link to post
Share on other sites
nickod26

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

 

Share this post


Link to post
Share on other sites
edgarcheverier

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.

Share this post


Link to post
Share on other sites
nickod26

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.

 

Edited by nickod26 (see edit history)

Share this post


Link to post
Share on other sites
nickod26
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

Share this post


Link to post
Share on other sites
bnapoli

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • cdracos
      By cdracos+
      Hello everyone,
      I face a common problem as I can see on relevant topics with quickshop plugin. 
      On Product Single page of woocommerce, i use quickshop as layout. The primary photo of my product doesn't appear on the thumb slider, but the first image is the default placeholder. 
      Need some help not with custom script in the product description for each product. 
      Have a look on my website: http://lillyandsid.gr/shop/camp-things-top/
    • jeomiland
      By jeomiland+
      Greetings
      Have been racking my brain on this upgrade of a complicated site from DMS to PL5. Almost there but the Woocommerce shop section is giving me problems. The Product Image is not displaying on product page.
      Have followed a couple threads, one talks about opacity=0 and making sure a default product variation is chosen - did that but no solution. Another talks about using the QuickShop extension. Well that gets my product image to show (Yeah!) but seems to have at least 2 scrollable images and if I only have 1, get a blank image for that second. 
      But the bigger issue is it is essential that I have a sample music player for the various music products. Using Koplo sample MP3 player and works fine in the normal WP-content look section. However, QuickShop thread says to delete wp-content section when using quickshop, so how the heck do I get the sample player in there???
      Not much in the way of documentation on this (please send me a link if it's hidden somewhere) and have not yet explored all the settings in Pagelines Settings area for this extension yet. Also the edit product page tells me I need widgets for quickshop, and I see just 3 quickshop related widgets.
      Please see the shop at: https://cassclayton.com/ for the old DMS version. New PL5 version is at https://cassclayton.com/upgrade/
      Thanks!!! trying to launch the new site in a couple days... yikes!
    • DonRicardoRVM
      By DonRicardoRVM+
      Hello
      First of all, I apologize for my bad English. I have updated Woocommerce to version 3.3.2 and the Quickshop plugin has collapsed. My pages were not visible. In the page of state of Woocommerce I left a notice in which it said to me that the version of the Quickshop that I have installed is not compatible with Woocommerce 3.3.0 and later.
      I have returned to version 3.2.6 of Woocommerce, but it would be nice if you solved this problem.
      For the rest, great PL5 and quickshop ...
    • King Creative Design
      By King Creative Design+
      I am setting up a Woocommerce site using PL Framework and Platform 5. I added a hook so the category description appears under the category page titles (on archive pages). However, it also appears under the title on the main "shop" page (which I have renamed "Catelog" page). There is a default description here and I can't figure out for the life of me where it is being generated from so I can change it. Any ideas how to change it or delete it on the main shop page ONLY? The staging site is here - http://16e.117.myftpupload.com/ and the page in question is http://16e.117.myftpupload.com/catalog/
      I have hit up Woocommerce support and they weren't familiar with Platform 5 and recommended I contact you.
      Your help would be appreciated, thanks!
      Michele

×