• Resolved merrillii

    (@merrillii)


    Hi –

    I’m wondering if there any custom css magic that might make it possible to have a different set of tabs appear on the product page for different catalog?

    For example:
    Catalog 1 product page shows tabs:
    Overview, features, applications, downloads
    contains Product A, B, and C

    Catalog 2 product page shows tabs:
    Overview, products, downloads
    contains Product D, E, and F

    I use custom fields for the tabs like “applications”.

    https://ww.wp.xz.cn/plugins/ultimate-product-catalogue/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi merrillii,

    Each catalog has its own “Custom CSS” box on the catalog edit screen.

    In the tabbed layout, each different extra tab that you’ve added should have its own specific CSS class (for example: .upcp-tabbed-0-menu).

    So, what you could try doing is finding out (by using Inspect Element in your browser) what the CSS class is for the tab you want to hide and then going to the “Custom CSS” box for that specific catalog and hiding that tab using CSS. It would look something like:

    .upcp-tabbed-0-menu {
    display: none;
    }

    Of course, you may have to modify the code as required for your specific case.

    Thread Starter merrillii

    (@merrillii)

    That sounds like it will work – thank you for the great support!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Different tabs for two catalogs’ is closed to new replies.