Home Forums WoodMart support forum Product gallery issue

Product gallery issue

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #628785

    mark-3189
    Participant

    Hi there,

    I can’t work out how there is extra spacing on some products. See attached screenshot and web link.
    It does not show the stock status in the middle 3 products.

    Kind regards,

    Mark

    Attachments:
    You must be logged in to view attached files.
    #628961

    mark-3189
    Participant

    I think I have worked out it is the products with reviews!

    But now I need to work out how to fix it as I don’t want to remove reviews….

    #629209

    Hung Pham
    Participant

    Hi mark-3189,

    Thanks for reaching to us and appreciate your patience.

    Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS:

    .wd-products[class*="wd-stretch-cont"] div.wd-product :is(.product-rating-price) {
        margin-top: 0;
    }

    Best Regards,

    #630592

    mark-3189
    Participant

    Hi there,

    Thank you. That is nearly fixed it. Yes everything is aligned now but the stock status is not showing. It is ‘there’ as you can see it when you hover over but only very briefly as the info rolls over.
    https://andybiggs.co.uk/product-category/wing-foiling/wingf-foil-boards/ensis-wingsurf-boards/?filter_model=rock-n-roll

    Above is the same page with your CSS added.

    Kind regards,

    Mark

    #630997

    Hung Pham
    Participant

    Hi mark-3189,

    Thanks for your patience.

    I checked the provided link and saw that stock functionality still there https://ibb.co/nzmHVjV

    Please let me know if you need further helps.

    Regards,

    #632437

    mark-3189
    Participant

    Hi there,

    Yes the end products are working but they don’t have reviews on them. The middle 3 do.

    Kind regards,

    Mark

    #633113

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    Hi,

    The product design you have chosen has a specific hover animation that is present if the product has a rating (https://monosnap.com/file/EgStmXuR8NTV0V8ShP4YQnjpRwQMYt), but since you are using a custom stock status label that is displayed right after the price, this animation looks broken. In this case, the solution can be either to disable the custom label stock status or to add a custom code that will completely disable this animation.

    In order to apply the custom code, try to add the following code snippet to the Custom CSS area in Theme Settings.

    .wd-product.wd-hover-base.has-stars:is(.purchasable,.product-type-external) .product-rating-price {
        overflow: unset;
        height: unset;
    }
    
    .wd-product.wd-hover-base.has-stars:is(.purchasable,.product-type-external):is(:hover,.state-hover) .wrapp-product-price {
        transform: unset;
    }
    
    .wd-product .woo-custom-stock-status {
        margin-block: 3px;
    }

    Kind Regards

    #633920

    mark-3189
    Participant

    Hi there,

    I have used the short code. It looks great!
    https://andybiggs.co.uk/product-category/wing-foiling/wingf-foil-boards/ensis-wingsurf-boards/?filter_model=rock-n-roll
    The only thing I have noticed is that the options and quick view buttons are half hidden on products at the bottom of the web page. On pages with more than 4 products, it is not a problem.

    Kind regards,

    Mark

    #634050

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    Hi,

    The hover content of your products is overlapping with the pre-footer, but since the pre-footer is empty, it creates an incomplete appearance on the page https://monosnap.com/file/hiQVAYEKSYzHm57kDtFNP6HNBTgslO. If you do not plan to use the pre-footer, and it has no content, try disabling it entirely or disabling it for the specific page and check again.

    To globally disable the pre-footer, ensure that the corresponding text fields (https://monosnap.com/file/4S5py554WirM3YtONlCltt9amAhsmH) and HTML blocks (https://monosnap.com/file/vMoFjwbxGRfsvul0mA0OPvOHzNJAP0) are completely empty.

    To disable the pre-footer for a specific page, go to the page editor and find the corresponding option in the metabox section (https://monosnap.com/file/74cqWg0V9nGjUgGgqtanyGriQ6S69g).

    Kind Regards

    #634129

    mark-3189
    Participant

    Thank you! I have just checked I did have this in prefooter:
    [html_block id="258"]
    But not even sure why. Deleting this has sorted it.

    #634161

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    Great that you were able to solve this issue. If you have any questions, please feel free to contact us.

    Kind Regards

Viewing 11 posts - 1 through 11 (of 11 total)