Home Forums WoodMart support forum related product

related product

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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.
    #269110

    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.

    #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

    #269239

    Hello,

    Please use the below custom CSS code:

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

    Best Regards.

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

    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.

    #269475

    moh962018
    Participant

    still the same proplem!

    this is my login WP

    #269496

    Hello,

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

    Best Regards.

    #269599

    moh962018
    Participant

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

    #269971

    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

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