How to move the categories after the product title?

This topic has 6 replies, 2 voices, and was last updated 2 years, 7 months ago ago by Sadikul Islam

  • Avatar: Sadikul Islam
    Sadikul Islam
    Participant
    May 9, 2022 at 20:46

    How to move the categories after the product title in the shop archive before price?
    screenshot: https://d.pr/QsdG7r

    5 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 9, 2022 at 23:30

    Hello,

    Go to Theme Options > Custom CSS and use below code to implement that:

    .products-bordered-layout .product-details {display: flex;flex-direction: column;}
    .content-product .product-title {order: -1;}

    Regards

    Avatar: Sadikul Islam
    Sadikul Islam
    Participant
    May 10, 2022 at 04:45

    I want all the product archives like this, now it’s only happening on the shop archive page, but I want it on the whole site, that the categories are after the title,
    Like related product section on this page:
    https://buttonmode-dev.10web.me/product/blumenthal-lansing-131-satin-wedding-bustle-buttons-full-set-4-buttons-7-16-inch-white-11mm/

    Screenshot: https://d.pr/Ghkeei

    Avatar: Sadikul Islam
    Sadikul Islam
    Participant
    May 10, 2022 at 04:47
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 10, 2022 at 14:11

    Hello,

    Replace the precious code with the cod below

    .content-product .product-details {display: flex;flex-direction: column;}
    .content-product .product-title {order: -1;}

    Regards

    Avatar: Sadikul Islam
    Sadikul Islam
    Participant
    May 10, 2022 at 15:26

    Thanks for the code

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

The issue related to '‘How to move the categories after the product title?’' has been successfully resolved, and the topic is now closed for further responses

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