Home › Forums › WoodMart support forum › related product

related product

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 24, 2021 at 11:42 am #268937

    moh962018
    Participant

    after using the css code given by you
    .product-grid-item {
    box-shadow: 0 0 5px rgb(0 0 0 / 15%);
    }

    .home .product-grid-item {
    box-shadow: none;
    }

    .labels-rounded .product-label { /* حجم الدائرة */
    min-height: 40px;
    min-width: 40px;
    }

    .woodmart-hover-base .fade-in-block { /*هذه لاجل انه يظهر مختصر المنتج تحت المنتج */
    position: static;
    visibility: visible;
    opacity: 1;
    }

    .woodmart-hover-base .content-product-imagin {
    height: 200px;
    }

    .woodmart-archive-shop .product-grid-item tr.woocommerce-product-attributes-item {
    border-bottom: 1px solid #E6E6E6;
    }

    .woodmart-archive-shop .product-grid-item {
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    border-radius: 20px;
    margin-left: 20px;
    max-width: 20%;
    }

    .post-type-archive-product .container {
    width: 95%; max-width: 95%;
    }

    .woodmart-archive-shop .container {
    max-width: 95%;
    width: 95%;
    }

    now the related product be like this!!

    Attachments:
    You must be logged in to view attached files.
    February 25, 2021 at 6:33 am #269110

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .single-product .woodmart-carousel-container .product-grid-item {
    border-radius: 0;
    box-shadow: none;
    max-width: 100%;
    margin: 0;
}

    Then the CSS you added before will not affect the related products.

    Regards.
    Xtemos Studios.

    February 25, 2021 at 11:39 am #269192

    moh962018
    Participant

    But this will not work for me
    Because i want the related products to be shown as the shop page product

    So both of them are the same design

    February 25, 2021 at 1:14 pm #269239

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please use the below custom CSS code:

    .related-products .product-grid-item {
    max-width: 100%;
}

    Best Regards.

    February 25, 2021 at 10:24 pm #269353

    moh962018
    Participant

    please look at the attached files

    1- the related products style different from the shop style << i want the related product style to be the same as the shop product style

    2- The size of the product image is large, how i can reduce it?? as the ss attached picture

    Attachments:
    You must be logged in to view attached files.
    February 26, 2021 at 10:51 am #269461

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    1. Please use the below custom CSS code:

    .related-products .products-bordered-grid.woodmart-carousel-spacing-30 .owl-carousel-item {
    margin-bottom: 0!important;
    border-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-color: inherit;
    border-radius: 20px;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}
.related-products .products-bordered-grid .owl-stage-outer {
    border-width: 0px;
}

    2. Please read the theme documentation here about changing the size of the images:
    https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

    Best Regards.

    February 26, 2021 at 11:37 am #269475

    moh962018
    Participant

    still the same proplem!

    this is my login WP

    February 26, 2021 at 12:11 pm #269496

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Now the related products are showing the same as the shop page: https://ibb.co/nP5xbQW

    Best Regards.

    February 26, 2021 at 6:27 pm #269599

    moh962018
    Participant

    bro its not the same as the shop page!!
    where is the description under the picture?
    its not the same

    March 1, 2021 at 6:01 am #269971

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    This is how it works because the description of the products is not set to be displayed for the related products.

    This is the default behaviour of the theme and there is no option available to change this behaviour.

    Best Regards

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)