Home Forums WoodMart support forum How to Edit prodcucts Card style

How to Edit prodcucts Card style

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #537221

    manishjha-3122
    Participant

    please guide how to edit or customize products card style

    #537315

    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.

    #540002

    manishjha-3122
    Participant

    I need variation in one line how can I do

    #540089

    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.

    #540210

    manishjha-3122
    Participant

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

    #540380

    Hello,

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

    Best Regards.

    #541601

    manishjha-3122
    Participant

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

    #541763

    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.

    #542865

    manishjha-3122
    Participant

    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.
    #543056

    Hello,

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

    Best Regards.

    #543113

    manishjha-3122
    Participant

    not supported, please give some other instruction asap

    #543204

    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

    #543333

    manishjha-3122
    Participant

    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

    #543524

    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.

    #543707

    manishjha-3122
    Participant

    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.
    #543889

    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.

    #544086

    manishjha-3122
    Participant

    Thanks sir

    #544121

    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.

Tagged: , ,

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

The topic ‘How to Edit prodcucts Card style’ is closed to new replies.