Grid Builder equal row height ++ Single Product extended instead of tabs

This topic has 8 replies, 2 voices, and was last updated 5 years, 6 months ago ago by Allinjoe

  • Avatar: Allinjoe
    Allinjoe
    Participant
    June 14, 2020 at 07:24

    I dont know why my previous thread was marked as solved, its not.

    Hi there,
    i have 2 questions i need help with.

    1) Grid Builder for Product Catalog.
    I am trying to make the rows equal for all listed items.

    So i made a custom Grid with the Grid Builder.

    and i gave each column a class name e.g. “test”
    then added a custom css in the theme
    .test { min-height: XXXpx;}
    but there is no change even with !important. then i was trying to explore the code with the devoloper function from my FireFox (F12) but even to take the code from there it is not possible.

    Any other idea or solution hoe to solve this problem?

    2) Removing the tab view in the single product page.
    I did not found any option that makes it possible to change the tab viel to a extended view.
    Hope you know what i mean.
    Now its like this:

    But i am trying to change it to have no tabs.
    Thank you in advance guys.
    And thank you for this theme its after many purchases the best one. *THUMBSUP*

    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 14, 2020 at 08:58

    Hello,

    Thanks for using our theme/
    We added a new option for our customers (to close their topics) and probably you closed it by mistake.
    Please provide URL and temporary wp-admin access, so we can take a closer look.
    Use Private Content area to post username and password – http://prntscr.com/sze7dm

    Regards

    Avatar: Allinjoe
    Allinjoe
    Participant
    June 14, 2020 at 08:59

    Its on localhost, not hosted yet.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 14, 2020 at 09:24

    1) Some of the products don’t have ratings and prices, so the mentioned way can’t give the desired result.
    Try to use code like this in Theme Options > Theme Custom CSS –

    .products-loop .content-product .product-details {
        min-height: 150px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }
    .products-loop .content-product .product-details .button {
        width: 40%;
    }

    or contact us once your site will be live.
    2) There is no such possibility, unfortunately. It requests additional customization in files which is not included in our basic support.

    Regards

    Avatar: Allinjoe
    Allinjoe
    Participant
    June 14, 2020 at 09:38

    It make it worse 😀

    Can you just tell me the files where i can edit for both of my questions. this will be enough.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 14, 2020 at 15:35

    1) The rating element of the grid builder has this option – https://prnt.sc/sziown , enable it, add prices for all products and check the grid then.
    2) Select default tabs type and add this custom CSS code:

    .woocommerce-tabs .wc-tab {
        display: block !important;
    }
    .wc-tabs.tabs {
        display: none;
    }

    Regards

    Avatar: Allinjoe
    Allinjoe
    Participant
    June 15, 2020 at 15:15

    1) is not working for some reason, there is no effect when its enabled.
    2) i did it now manually and its fine as it is but thanks.

    Another question regarding the static block for the mega menu, i can not use visual composer to creat new blocks, any known problems with it?

    Thanks

    Avatar: Allinjoe
    Allinjoe
    Participant
    June 15, 2020 at 15:58

    Found it, sorry.
    You need to update your videos 🙂

    Now i am fine thanks.

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

The issue related to '‘Grid Builder equal row height ++ Single Product extended instead of tabs’' 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.