Single Product Page Problems - by George

This topic has 10 replies, 4 voices, and was last updated 7 years, 1 months ago ago by Rose Tyler

  • Avatar: georcarson
    George
    Participant
    November 5, 2017 at 23:30

    I have 2 problems on the Single Product Page that need fixing.

    1.) On the right side column the linked products do not display correctly when I add products, the product pictures stack on top of each other rather than side by side. It does this for most single product pages but not all.

    Here is a page that the linked products stack and are a problem
    https://exteriorcoatings.com/product/cmw-8000-concrete-moisture-vapor-barrier/

    Here is a page that the linked products look fine
    https://exteriorcoatings.com/product/block-lok-graffiti-control-water-repellent-sealer/

    2.) When I edit a single product page a new problem just started showing up after one of the recent theme upgrades. Space opens up between the product picture and the gallery pictures below and the Video Link and the Product Picture Enlarge Link have dropped down in the white space opened up between the product picture and the gallery pictures. Here is an example

    https://exteriorcoatings.com/product/5500-polyaspartic-roll-down-waterproof-coating/

    3.) Question: How do I turn off the Additional Information Tab on the single product page (I remaned it “Technical”

    Please see private

    Please, contact administrator
    for this information.
    9 Answers
    Avatar: laranz
    Laranz
    Participant
    November 6, 2017 at 08:17

    Hi,

    1. This page looks just fine, https://exteriorcoatings.com/product/cmw-8000-concrete-moisture-vapor-barrier/ can you tell us in which browser and OS you check this issue? I checked in Firefox in mac and it looks just fine.

    2. Can you try running the regenerate thumbnail plugin https://wordpress.org/plugins/regenerate-thumbnails/ , for more please give it a read here: https://docs.woocommerce.com/document/fixing-blurry-product-images/

    3. You can check it here: https://docs.woocommerce.com/document/editing-product-data-tabs/ on how to remove it.

    Let us know,

    Thanks,
    laranz.

    Avatar: georcarson
    George
    Participant
    November 7, 2017 at 06:05

    1.) Item #1 does not work in a PC Google Chrome, Firefox and Internet Explorer. I don’t have a MAC to test it. Please check it out.

    2.) I am working on this one

    3.) Removed the Additional Information tab. Thanks!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 7, 2017 at 09:16

    Hello,

    Sorry but I do not see the problem. Do you mean this http://prntscr.com/h77rzi? If yes, it is a normal situation, try to add more than 2 products to see second column.

    Regards

    Avatar: georcarson
    George
    Participant
    November 7, 2017 at 14:47

    Yes, I mean it now looks like your screenshot: http://prntscr.com/h77rzi BUT it never looked like that until I did one of the last XStore Theme updates. The Tteme ALWAYS put the 2nd linked product to the right side of first on a single row NOT underneath. This does NOT look professional or good. It also opens up un-needed vertical space on the page between the product picture and the product description text. What can be done to get it back to the way it was? Thanks.

    Avatar: laranz
    Laranz
    Participant
    November 8, 2017 at 06:33

    Hi,

    Use this Custom CSS,

    .sidebar-slider .swiper-wrapper { width: 100% !important; }

    Can you try adding one more product? before adding the CSS and see that changes anything?

    Let us know,

    Thanks,
    laranz.

    Avatar: georcarson
    George
    Participant
    November 9, 2017 at 05:35

    For my original 3 problems, still need help with Item #1:

    1.) The Custom CSS stopped stacking problem when adding a 2nd linked product to the single product page right hand sidebar widget. BUT used to be only 4 products and then the 5th and 6th products accessed by using slider but now the 5th and 6th products are stacked, taking more vertical spacing. How do I adjust widget so after the 4th product it no longer displays on page unless use the slder. Example https://exteriorcoatings.com/product/static-mixer-used-21-oz-dual-cartridge-concrete-repair-joint-filler-kits/

    2.) Fixed single product page picture spacing problem by resetting the product image display settings in Woo Commerce and then saving.

    3.) Fixed. Removing Additional Information Tab

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 9, 2017 at 16:53

    Hello,

    We use Swiper slider to create slider of the upsell products http://idangero.us/swiper/demos/
    And unfortunately, when slider uses multirow view it displays items in the following order http://prntscr.com/h8aetm because it uses box-lines: multiple; and there is no way to change the order to show 2d product at the right side of the first product. That’s why what you have only 2 products you see it in vertical order. Custom CSS that Laranz provided breaks the slider width that is calculated by slider script, so, I would recommend you to remove it.

    Regards

    Avatar: georcarson
    George
    Participant
    November 9, 2017 at 20:46

    Ok thanks. Don’t understand why the swiper widget is displaying differently now vs the way it did up until recently, but solution for me is to limit # linked products to 4 (2 rows displayed) so it doesn’t create a 3rd row of displayed products vs presenting the slider option like it did before.

    Will just consider my request for help closed.

    Thanks for your help as all 3 problems now closed.

    Have a great day and appreciate your help.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 10, 2017 at 08:26

    Hello,

    You’re welcome!
    Let us know if you need any further assistance.
    Have a nice day.

    Regards

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.