Issue with Woocommerce building rows incorrectly w/ Virtue

  • Resolved PowerCorePC

    (@misslehead)


    6 years, 8 months ago

    I have an issue on my store page in which the Woocommerce plugin builds the first row of products fine but then builds each subsequent row starting with the right most product then starts back at the left again. This can be seen when analyzing the page through “inspect element” by looking at the position of each product. This leaves the last row looking odd because it only has 3 products on it meaning that there is a gap. I asked this same question on Woocommerce’s support forums and they said its an issue with the theme. Anyone have any ideas on how to fix this or have any insight into what part of Woocommerce/Virtue I can change?

    Thanks.

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)

  • Hey,

    I’m confused. Everything appears to be displaying as it should. Perhaps I’m not understanding the issue correctly. Can you please share a screenshot of the issue?

    you can host images here:
    https://www.postimg.org

    -Kevin

    Thread Starter PowerCorePC

    (@misslehead)

    This is what it looks like on my end: https://postimg.org/image/f0ghxzc17/
    The red circle is mainly what I’m asking about. It only shows up at the last row but the problem persists in the above rows if you inspect the page. Also, by changing how the products are sorted it slightly changes how this displays. Sometimes that bottom gap moves around.

    That’s not how it’s looking for me. I’m seeing them all align left. which browser/device are you seeing this with? have you tried clearing your cache.

    Also, is the issue present when logged in or out of wordpress?

    -Kevin

    Thread Starter PowerCorePC

    (@misslehead)

    I’m viewing it through a private window on Firefox, so I’m not logged into WP. I tried clearing my cache and its still persisting. I guess its not a big deal if its displaying normally on everyone else’s end. Odd that clearing my cache didn’t work though.

    I can see it in Edge as well.

    Seems like (?) the issue may be due to the masonry laying things out with absolute positioning and calculates the left value incorrectly?

    Thread Starter PowerCorePC

    (@misslehead)

    I noticed that the masonry was wrong too but I don’t know how to fix that? Do you?
    Thanks for the quick responses by the way.

    Sorry, no.
    Are you emitting the masonry using a shortcode? If so, which? If you are using a non-virtue/non-woocommerce plugin to emit it, maybe don’t and instead use something virtue or woocommerece provides (e.g. see https://docs.woocommerce.com/document/woocommerce-shortcodes/)

    Thread Starter PowerCorePC

    (@misslehead)

    I haven’t changed any of the short code or added anything. One of the updates to Virtue changed it and it never sorted itself out (as I thought it would). I guess I should just try turning off certain plugins to see if that fixes it.

    Thanks for reporting this. It’s a small css change:

    .product_item .notrated {
    display: block;
    height: 14px;
    margin: 3px 0 4px;
    line-height: 10px;
}

    Add that to your theme options > advanced settings. Custom css. I’ll also include this in the next update.

    Ben

    Thread Starter PowerCorePC

    (@misslehead)

    Thank you! This fixed the issue.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Issue with Woocommerce building rows incorrectly w/ Virtue’ is closed to new replies.