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

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

    • 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

    • DonRicardoRVM
      By DonRicardoRVM+
      Hi
      First of all, sorry for my bad english.
      I have a shop with Woocommerce, platform-5 and PL Quicshop, and it´s all OK, but there is a prloblem: in the category page product I don´t get dosplay the bubble "price" when the product is in sale. 
      Example:
      This is my product category page, without the bubble: https://globosdemar.com/categoria-producto/collares/
      And this is othrer shop with the bubble: https://www.usaprocom.com/product-category/fireplace-systems/
      Somebody knows how solve this?
      Thanks
    • gregory.guz
      By gregory.guz+
      Hi, 
      I'm trying to change the Quickshop tile, but the changes are not being overwritten. however , there is no problem in changing the Shop Overview ftitle in Pagelines>Settings>Quickshop.
      Also, is there a way to target the woocommerce price in Quickshop product excerpt title, as it shows up in the title as regular text and I'd need to customise it with css to make it stand out a bit.
       
      Thanks
      Greg
       
×