Tabs with description and reviews

Could you tell me please how to create tabs like this ?


When I use tabs element in BeBuilder I can't figure out how to put Description reviews and Product info in tabs ?


«1

Comments

  • Hi,

    There is no option to have tabs like this on the custom template.

    However, we have on our to-do list to add them, but I cannot tell when it will be available.


    Best regards

  • Is there any way to Import this entire page to my store ?

  • No, but you can choose this style in Betheme -> Theme options -> Shop -> Single product.

    Notice to deactivate the custom template to use the style from the theme options.


    Best regards

  • Guys how to make my header hide when user scroll down ? I saw there is some option but I can't figure out how does it work ?


  • Also I changed the layout for Products Betheme -> Theme options -> Shop -> Single product.

    But there is no chages at all. Here is the link - https://ablstore.kz/product/babor-clean-formance-oil-free-matte-effect-gel-cream-50-ml/?mfn-template-id=69

    I sent you FTP settings could u please check this out. [email protected]


  • 1) This option refers to the section, and it hides the section thoroughly after the user starts to scroll down the website and will appear when he comes back to the top. This option is useful when you use a fixed-style header and want to hide the Action bar.

    2) To disable the custom template, you need to remove it, switch to draft or remove conditions from it.

    Best regards

  • Hello) Is it possible for me to make my header hide when Scroll down, my header has a fixed type but when I use this function it do not work. I think probably it's not a Theme fault but mine persanally mistake somewhere, anyway I can't figure out what exactly I do wrong. Could you give me a Hand with this ?



  • Also one more question how to edit product page template using bebuilder, After disable template that was before

  • Or can i Import from demo website template ?

  • Also one more question how to make off canvas sidebar "Filters" at the shop page visible only on mobile ? Like at this demo site

    https://themes.muffingroup.com/betheme-store/shop/

    I already create a sidebar and off-canvas sidebar, but off-canvas appears on desktop too, I can't figure out by myself how to make it visible only in mobile. Thank you

  • 1) Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please ensure the page is not under maintenance before you provide us with the link.

    2) Sorry, but I quite do not understand. How do you want to edit the product template after disabling it?

    3) You can import templates, but they will come with pages, posts, and other data you must remove. To do it, you need to import selected data only by choosing the Content.

    https://support.muffingroup.com/documentation/pre-built-websites/#data-import

    Notice to skip database reset, so you will not lose your current work.


    Thanks

  • Here is the link for the header https://ablstore.kz/

    My ftp access you already have from [email protected] mail.

    Please check out these things if it's possible:

    1. Header I turn on Hide scroll function but it seems not working or I'm doing something wrong. https://ablstore.kz/
    2. It's the Off-canvas sidebar that I need to appearce only at mobile, but not on the desktop https://ablstore.kz/product-category/uhodovaya-kosmetica/



  • 1) You have a sticky header enabled, which is a completely different version of the regular header.

    To notice hide on scroll effect, you should disable the sticky option and enable position: fixed.

    2) Please open your shop template, and in the options, set the sidebar position.

    After, go to Betheme -> Theme options -> Responsive -> General, and set the Mobile sidebar to Off-canvas.

    Thanks


    PS.

    FYI I do not handle the mailbox, and I only receive messages with credentials from a person who manages it. So unfortunately I do not know which credentials are yours. However, I do not need them for now, and if I will need them I will ask to send another message containing them 😉

  • Thank you very much thats work! But here another question coming up :D

    1) How to make Filters be on the same line as a Shop archive so the blue banner with breadcrumbs could be full width on top.

    2) And is there some option to make header appears when user scrolling up ?

    Thank you

  • I'm trying to make header show when scroll up and hide when scroll down, I set setting to the sticky header and I add custom css class "hide-header" at the header section by using bebuilder :


    When I put the JS there it says Unexpected token, Could you please check out the screenshot and tell me what I'm doing wrong in that case:


  • 1) You can put there sidebar widget element.

    2) There is no setting to show the header on the scroll-up.

    3) Please remove the <script> tag. What you put in the Custom JS field is already added between this tag, and there is no need to use it there.


    Best regards

  • If i made it like you said on mobile it will display before the shop archive like here (screenshot 1), I'm trying to make it look on desktop like here (screenshot 2), and on mobile with off-canvas filters (screenshot 3). The problem is I can achive this needs only separately by using Betheme methods you told me, but get both at the same time seems hard. That's why I'm asking for a hand with this task.

    1)

    2)


    3)


  • Thanks for the clarification.

    You can do the following:

    Add the sidebar, as I mentioned in my previous message, but set it to hide it for mobile view in the Advanced options of wrap that contains it.

    In the options, set the off-canvas sidebar.

    And use the following CSS code to hide off canvas sidebar from the desktop:

    @media only screen and (min-width:768px){
       .woocommerce .open-filters{
       display: none!important;
     }
    }
    

    Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.


    Best regards

  • It Works! Thank you very much!

  • Is there some way to replace &mfn_livesearch result (screenshot 1) to &post_type=product search result(screenshot 2), I explain why I'm asking. I just want my search result look like (scr 2) searching only between products, on my website there is no post pages or something else but products. If there is someway to make search results from header search field look like (scr 2) I need this since I can't customize search result page.

    1)

    2)


    By the way thank you for giving me a hand with customization and using betheme and Bebuilder. U make my expierience of creating website much easier

  • Please, go to Betheme -> Theme options -> Search -> Form, and change the Search to Icon | Search Shop Products only.

    Glad I can help. 😉


    Best regards

    1. Yes I already do this, and search engine looking results only between products, but the search page result template still the same (Scr 1), I'm trying to make it look like this (Scr 2). If i can't make search result look like scr 2, Tell me please how to translate english words and make it boxed if whole my website is Fullwidth in a theme settings. Thank you
    2. Also here is the thing about widget search result on a shop page, On mobile when you search something throught the off-canvas filter, on search result page filters disappears. Probably it causes disconvinience from user side, coz it's not confortoble to surf through the website, after search you have to get back on a previous page instead of just go forward intuitive. (screens 3)

    1)



    2)

    3)


  • 1. Unfortunately, there is no option to make this page look as shown on your screenshots with the search in the header. You can translate texts in Betheme -> Theme options -> Translate -> Search.

    2. Please go to Betheme -> Theme options -> Sidebars, set the Search page sidebar to Off-canvas, and check if it appears then.

    Best regards

  • 1) Thank you it helps

    2) I already toggle it on but it seems not to be shown


  • Still missing when you search something, But only on mobile, on desktop everything works Fine

  • Please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact, and we will check what might be the reason.

    Notice!

    Please attach a link to this forum discussion.

    Sending incorrect or incomplete data will result in a longer response time.

    Therefore, please ensure that the data you are sending is complete and correct.

    Thanks

  • By the way is there any option to make content on Account pages and Cart page boxed with limit width 1250px, if all my website is a full width ?


  • Sorry but you sent a link to your FTP access, and I need your WP dashboard.

    Please send another message with a link to your WP panel. Remember to attach a link to this forum discussion.


    Thanks

  • Sorry for mistake.

    Just resend it, please check )

  • 1) We found the root cause and added an option in theme options for the sidebar on the search page. It will also be included in the upcoming update.

    2) Please try the following CSS code:

    @media only screen and (min-width: 1240px){
       .woocommerce-account #Content .section_wrapper,
     .woocommerce-cart #Content .section_wrapper{
       max-width: 1250px;
     }
    }
    

    Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.


    Best regards

Sign In or Register to comment.