How to Edit prodcucts Card style

please guide how to edit or customize products card style

Hello,

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.

I need variation in one line how can I do

Hello,

Sorry, I did not understand your issue. Can you please explain where do you want to show the variation in one line?

Best Regards.

i will show variations in the shop page product card in one line

Hello,

Navigate to Theme Settings -> Shop -> Variable products and enable the “Grid swatch attribute to display” option: https://prnt.sc/_1B_r2nJfu8e

Best Regards.

I will show all the variations in the shop page product card in one line. is possible or not

Hello,

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/r4zF6yb

Best Regards.

I 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.

Hello,

Try to use this class for attribute swatches in the grid:
.wd-product .wd-swatches-grid

Best Regards.

[manishjha-3122]

not supported, please give some other instruction asap

• This reply was modified 10 months ago by manishjha-3122.

Hello,

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

sir, 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

Hello,

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.

sir, 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.

Hello,

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.

Thanks sir

Most 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.

[Author]

Posts