Home › Forums › WoodMart support forum › In Stock Display text and allignment
In Stock Display text and allignment
- This topic has 6 replies, 2 voices, and was last updated 1 day, 11 hours ago by Hung Pham.
-
AuthorPosts
-
December 7, 2024 at 8:07 pm #620464
cc-7620ParticipantTwo questions – can you point me to the element/code that shows this “In Stock” text on the acheive and related products sections. I want to hide this unless a user is logged in.
Also – how can I ensure products are always aligned in archive. As you can see in the image, the product I cicled is higher. I am sure the image size is causing this, but I would like to prevent this with code.
Attachments:
You must be logged in to view attached files.December 9, 2024 at 11:34 am #620690
Hung PhamKeymasterHi cc-7620,
Thanks for reaching to us and appreciate your patience.
1. In stock
Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
body:not(.logged-in) .wd-product-stock.stock{ display: none; }
2. It is due to different heights of images. In order to have same size image, I kindly recommend you preparing images you want before uploading them to your media library using the graphic editor (Photoshop or any other) to have a nice-looking grid or You need to find a third party plugin to achieve more functionality that best suits you.
For the Product Archive page, please navigate to Theme Settings > Product archives -> Products styles, here you can enable the
Even product grid for desktop
option to align products if they have different height components.
https://prnt.sc/ASt5z0mmasuzPlease note that this option helps product items to be even, not resizing images, please see screenshot for better understanding https://prnt.sc/g2V_htGMgP5H
Regards,
December 9, 2024 at 5:15 pm #620906
cc-7620ParticipantThank you for the code, that worked well.
I do have that “even product grid” option turned on. It just comes down to my image sizes at this point. Thank you.
December 9, 2024 at 5:37 pm #620918
cc-7620ParticipantIs there any code we can put in place that would line up this text section as well? There would just be more space in between image and this text, but it would look better.
Attachments:
You must be logged in to view attached files.December 10, 2024 at 3:34 pm #621234
Hung PhamKeymasterHi cc-7620,
I see all products look better now. Please let me know if you need further helps.
Regards,
December 10, 2024 at 3:41 pm #621240
cc-7620ParticipantThey done. Please see my very last message. Here is a picture from my phone
Attachments:
You must be logged in to view attached files.December 11, 2024 at 1:49 pm #621575
Hung PhamKeymasterHi cc-7620,
Please switch to Mobile devices and enable
Even product grid for mobile
https://ibb.co/MfBn6JH option then check again.Regards,
-
AuthorPosts
- You must be logged in to create new topics. Login / Register