Home › Forums › WoodMart support forum › How to Edit prodcucts Card style
How to Edit prodcucts Card style
- This topic has 17 replies, 2 voices, and was last updated 9 months ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
February 6, 2024 at 1:28 pm #537221
manishjha-3122Participantplease guide how to edit or customize products card style
February 6, 2024 at 5:17 pm #537315
Aizaz Imtiaz AwanKeymasterHello,
Navigate to Theme Settings > Products Archive > Product Styles > Choose one of the hover effects for products and configure other products.
If you have any questions feel free to contact us.
Best Regards.
February 14, 2024 at 3:03 pm #540002
manishjha-3122ParticipantI need variation in one line how can I do
February 14, 2024 at 5:15 pm #540089
Aizaz Imtiaz AwanKeymasterHello,
Sorry, I did not understand your issue. Can you please explain where do you want to show the variation in one line?
Best Regards.
February 15, 2024 at 8:21 am #540210
manishjha-3122Participanti will show variations in the shop page product card in one line
February 15, 2024 at 1:38 pm #540380
Aizaz Imtiaz AwanKeymasterHello,
Navigate to Theme Settings -> Shop -> Variable products and enable the “Grid swatch attribute to display” option: https://prnt.sc/_1B_r2nJfu8e
Best Regards.
February 20, 2024 at 7:35 am #541601
manishjha-3122ParticipantI will show all the variations in the shop page product card in one line. is possible or not
February 20, 2024 at 2:18 pm #541763
Aizaz Imtiaz AwanKeymasterHello,
You can add one attribute in the grid. You can assign the attribute in the Theme Settings > Shop > Variable products.
One more tip, Try to use quick shop feature of our theme and select the quick shop type “on variation click”
https://ibb.co/r4zF6ybBest Regards.
February 22, 2024 at 3:47 pm #542865
manishjha-3122ParticipantI use it
tbody {
width: 100%;
display: flex;
}But both are the same class of product card variation and single product page that’s why when I use the above code it is issue on both, I have to flex only product card variation and not single product page variation
Attachments:
You must be logged in to view attached files.February 23, 2024 at 10:05 am #543056
Aizaz Imtiaz AwanKeymasterHello,
Try to use this class for attribute swatches in the grid:
.wd-product .wd-swatches-gridBest Regards.
February 23, 2024 at 12:12 pm #543113
manishjha-3122Participantnot supported, please give some other instruction asap
- This reply was modified 9 months ago by manishjha-3122.
February 23, 2024 at 3:34 pm #543204
Aizaz Imtiaz AwanKeymasterHello,
Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.wd-product :is(.wd-swatches-grid) .wd-swatch.wd-text { width: 90px !important; min-height: 40px; }
Best Regards
February 24, 2024 at 8:15 am #543333
manishjha-3122Participantsir, I need size and medium in one line on the product card, please give some instructions urgently because today is the website delivery last date
February 24, 2024 at 7:21 pm #543524
Aizaz Imtiaz AwanKeymasterHello,
The Product swatches are already in one line, can you please share screenshot where the swatches not in one and share the page url for better understading.
Best Regards.
February 26, 2024 at 10:06 am #543707
manishjha-3122Participantsir, I need product swatches size and medium in one line on the product card, or not on the product page please give some instructions urgently. this is the URL https://2.staging.highwaymedia.in/
Attachments:
You must be logged in to view attached files.February 26, 2024 at 3:37 pm #543889
Aizaz Imtiaz AwanKeymasterHello,
Try to use the below custom CSS code and paste it to Theme Settings >> Global CSS section:
.wd-quick-shop-2 tr:not(:first-child) :is(select,.wd-swatches-grid) { margin-top: calc(var(--wd-prod-gap) - 17px); margin-left: 8px; } .wd-quick-shop-2 table.variations tbody { position: relative; display: inline-flex; }
Best Regards.
February 27, 2024 at 8:20 am #544086
manishjha-3122ParticipantThanks sir
February 27, 2024 at 10:06 am #544121
Aizaz Imtiaz AwanKeymasterMost Welcome!!!.
I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.
We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.
Thanks for contacting us.
Have a great day.Topic Closed.
Best Regards. -
AuthorPosts
The topic ‘How to Edit prodcucts Card style’ is closed to new replies.
- You must be logged in to create new topics. Login / Register