New Arrivals Tab - by mahmoud_atwi - on WordPress WooCommerce support

This topic has 14 replies, 3 voices, and was last updated 7 years, 11 months ago ago by Robert Hall

  • Avatar: mahmoud_atwi
    mahmoud_atwi
    Participant
    May 4, 2016 at 19:41

    New arrivals Tab gives “You are using outdated element, it is deprecated since version 4.6.

    13 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 4, 2016 at 19:57

    Hello,

    Yes, it’s deprecated and VC authors modified its code. So remove current Tabs element in your page and re-add a new one with your content, then save the page.

    Regards,
    Robert Hall

    Avatar: mahmoud_atwi
    mahmoud_atwi
    Participant
    May 5, 2016 at 21:03

    Dear,

    I create new tab element and add 2 tabs, one for new arrivals and one for sale products. the point is how to create title “New Arrivals – Sale” as in the flower theme (NEW ARRIVALS – FEATURED)

    BR,

    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 6, 2016 at 07:14

    Hello,

    Please provide us with wp-admin access in Private Content.

    Regards,
    Robert Hall

    Avatar: mahmoud_atwi
    mahmoud_atwi
    Participant
    May 6, 2016 at 07:24

    here you go.

    and as you are going to access the my wp can you center the text of the main menu, as it looks like shifted more to left.

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 6, 2016 at 08:58

    Hello,

    I’ve added the following code in Global Custom CSS. Please check.

    .ult_tabmenu.style3>li.ult_tab_li a{
    color: #000000 !important;
    text-transform: uppercase;
        font-family: 'Raleway', sans-serif;
        font-weight: bold;
        font-size: 16px;
    padding: 10px 16px;
    }
    .ult_tabmenu.style3>li.current {
        background: transparent !important;
        color: #000000 !important;
    }
    .ult_tabmenu.style3>li.ult_tab_li:before{
    display:none;
    }
    .ult_tabmenu.style3>li.current a{
        color: #e5534c !important;
    }
    .ult_tabmenu.style3>li.ult_tab_li {
        background: #fff !important;
    }
    .ult_tabmenu.style3>li.ult_tab_li a:after {
        content: '';
        border: none !important;
        display: block;
        width: 5px !important;
        height: 5px !important;
        position: absolute;
        top: 13px !important;
        right: 0px;
        left: auto !important;
        background-color: #000;
    }
    .ult_tabmenu.style3>li.ult_tab_li:last-child a:after{
    display:none;
    }
    .ult_tabmenu:before {
        border-top: 1px solid #dddddd;
        right: 0px;
        width: 100%;
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -1px;
    }
    .ult_tabmenu{
        border-bottom:none !important;
    }

    Also check the menu items now.

    Regards,
    Robert Hall

    Avatar: mahmoud_atwi
    mahmoud_atwi
    Participant
    May 6, 2016 at 09:01

    Many thanks, I was checking, and using inspector on chrome I was switching the view on different devices, I found that on mobiles and ipad the products of new tab is overlapping with the footer

    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 6, 2016 at 09:41

    It’s not a bug. You should reload the browser or use mobile device and check it.

    Regards,
    Robert Hall

    Avatar: mahmoud_atwi
    mahmoud_atwi
    Participant
    May 6, 2016 at 10:05

    Dear,

    thanks for your note, but I already tried it on iphone6 and same issue. also you can check responsive view, I tried it on chrome, firefox, IE all of them shows overlap whenever I restore down the page.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    May 6, 2016 at 11:05

    Hello,

    Please try to use 8theme Products element for Tabs http://storage7.static.itmages.com/i/16/0506/h_1462529121_5361218_7f3f58f031.jpeg instead of Woo elements. And check the page after that.

    Regards,
    Eva Kemp.

    Avatar: mahmoud_atwi
    mahmoud_atwi
    Participant
    May 6, 2016 at 12:02

    Dear Eva,

    Many thanks for effort, but it have the same issue.
    however the issue is solved after I moved your code from Global Custom CSS to VC Custom CSS settings, but I need last tweak for your code, the point between “NEW ARRIVALS” & “SALE” is showed higher than the 2 words not in-between them as on PC.

    BR

    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 6, 2016 at 12:16

    I’ve just edited code. Please check it now.

    Regards,
    Robert Hall

    Avatar: mahmoud_atwi
    mahmoud_atwi
    Participant
    May 6, 2016 at 12:27

    perfect, many thanks for you both Eva and Robert.

    I think you should update the theme 🙂 😉

    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 6, 2016 at 12:36

    You’re welcome!

    Regards,
    Robert Hall

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

The issue related to '‘New Arrivals Tab’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

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