Home / Forums / WoodMart support forum / Product gallery issue
Home › Forums › WoodMart support forum › Product gallery issue
Product gallery issue
- This topic has 10 replies, 3 voices, and was last updated 1 year, 5 months ago by
Serg Sokhatskyi.
-
AuthorPosts
-
January 10, 2025 at 2:20 pm #628785
mark-3189ParticipantHi 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.January 11, 2025 at 2:48 pm #628961
mark-3189ParticipantI 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….
January 13, 2025 at 11:44 am #629209
Hung PhamParticipantHi 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,
January 17, 2025 at 3:33 pm #630592
mark-3189ParticipantHi 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-rollAbove is the same page with your CSS added.
Kind regards,
Mark
January 20, 2025 at 10:00 am #630997
Hung PhamParticipantHi 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,
January 24, 2025 at 1:13 pm #632437
mark-3189ParticipantHi there,
Yes the end products are working but they don’t have reviews on them. The middle 3 do.
Kind regards,
Mark
January 27, 2025 at 3:23 pm #633113Hi,
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
January 29, 2025 at 7:05 pm #633920
mark-3189ParticipantHi 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
January 30, 2025 at 10:40 am #634050Hi,
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
January 30, 2025 at 2:04 pm #634129
mark-3189ParticipantThank 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.January 30, 2025 at 3:15 pm #634161Great that you were able to solve this issue. If you have any questions, please feel free to contact us.
Kind Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register