Related products ςιτη only title and price

This topic has 10 replies, 2 voices, and was last updated 3 years, 11 months ago ago by Rose Tyler

  • Avatar: amd4ever
    amd4ever
    Participant
    May 3, 2020 at 11:49

    we want to remove at related products and categorie brand, we only want title price

    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 3, 2020 at 13:12

    Hello,

    .related-products .products-page-cats,
    .products-page-brands {
        display: none;
    }

    Regards

    Avatar: amd4ever
    amd4ever
    Participant
    May 3, 2020 at 22:26

    its possible to give me the code for categories and brands page too? thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 4, 2020 at 07:39

    Hello,

    Change the previous code to

    .products-grid .products-page-brands {
        display: none;
    }

    + Theme Options > WooCommerce (Shop) > Shop > Products style > Product Content Elements > uncheck “Product categories”

    Regards

    Avatar: amd4ever
    amd4ever
    Participant
    May 10, 2020 at 11:08

    its possible to have the brand abobe title with bold?
    like https://ibb.co/K2StFSy

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 10, 2020 at 12:06

    Hello,

    Theme Options > WooCommerce (Shop) > Shop elements > Brands > Show Product Brands On Grid/List > On.

    Regards

    Avatar: amd4ever
    amd4ever
    Participant
    May 10, 2020 at 15:46

    we want brand be above the title and we want only the brand at products be bold

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 10, 2020 at 16:08

    Here is a custom CSS:

    .products-loop .product-details {
        display: flex;
        flex-direction: column;
    }
    .products-loop .product-details .product-title {
        order: 2;
    }
    .products-loop .product-details .products-page-brands {
        order: 1;
    }
    .products-loop .product-details .price {
        order: 3;
    }

    Regards

    Avatar: amd4ever
    amd4ever
    Participant
    May 10, 2020 at 16:19

    and for change the colour and the size of brand and for title and price
    thank you!!!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 10, 2020 at 16:46

    Change the previous code to – http://prntscr.com/se7qj2

    .products-loop .product-details {
        display: flex;
        flex-direction: column;
    }
    .products-loop .product-details .product-title {
        order: 2;
    }
    .products-loop .product-details .products-page-brands {
        order: 1;
    }
    .products-loop .product-details .price {
        order: 3;
        color: red;
        font-size: 11px;
    }
    .products-loop .product-details .product-title a {
        color: red;
        font-size: 18px;
    }
    .products-loop .product-details .products-page-brands a {
        color: red;
        font-size: 18px;
    }

    Regards

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.