Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 20, 2016 at 1:14 am #701592
    mmagnani

    Hi!

    I need a page with a tabbed container with no tab titles. This way, each tab content would be selected by links or buttons inside it.

    The tab_titles div I can hide with CSS and a link with href="#tab_id" works fine for changing tabs.

    However… the page must be shown in a Ajax popup, with the same Magnific Popup script Enfold uses. Inside that popup, links to other tabs will instead close the popup and open the Ajax loaded page.

    This way, how to select a tab with no tab titles and not using links with href="#tab_id"?

    I see that most of tabs logic is built in shortcodes.js and I am thinking if a simple JS code or a specific HTML markup would do the trick. A similar issue seems to have been solved in this topic.

    Thanks!

    Illustration

    October 20, 2016 at 6:35 am #701651
    Vinay

    Hey mmagnani,

    As I understand
    1. You want to hide tab titles.
    2. The tab’s will show when users click on the links in page.

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    However since you are using enfold we love to help you. Would you mind providing a precise link showing the elements in question? so we can inspect and let you know what best we can do for you :)

    Best regards,
    Vinay

    October 20, 2016 at 7:32 pm #702046
    mmagnani

    Thanks, Vinay

    There’s a working sample info in private content.

    Please note the different behavior of links when page is in popup. Besides, now I see that, when popup is reopened, the tab changes, but the ID hash is appended to base page URL, too.

    With Magnific Popup parseAjax option, it is possible to load a specific element from target page, but that would exclude its shortcodes.js.

    jQuery(window).load(function() {
    jQuery('.simple-ajax-popup').magnificPopup({
        type: 'ajax',
	    prependTo: '#wrap_all',
		callbacks: {
		  parseAjax: function(mfpResponse) {
			mfpResponse.data = jQuery(mfpResponse.data).find('#main')
		  }
		}
	});
});

    I thank you in advance for any ideas!

    • This reply was modified 8 years, 2 months ago by mmagnani.
    October 20, 2016 at 9:54 pm #702103
    mmagnani

    Hi,

    I’ve found something at
    http://stackoverflow.com/questions/24994235/magnific-popup-open-new-modal-from-existing-modal
    but I’m not sure if it is useful in this case.

    October 24, 2016 at 10:53 pm #703467
    Vinay

    Hi,

    Sorry for the delay, you do not need any js script to achieve this. It can be done using current enfold theme default features.
    Just create a blank page without any header or footer and add the tab element using advanced layout builder.

    Open the link in a lightbox by adding ?iframe=true to the end of the page link.

    Please see the example link in private content.

    If you still require the custom script to be modified to work with enfold, it take a lot of time to do so. I’m sorry to say that this is not covered under the support scope you might have to hire a freelancer.

    Best regards,
    Vinay

    October 24, 2016 at 11:14 pm #703473
    Guenni007

    Do you realy need the tab-titles not beeing there? or is it ok for you if they are invisible?
    So you can link to the tab-titles without beeing there :lol

    .tab_titles (visibility: hidden)

    ?

    October 26, 2016 at 3:19 pm #704343
    mmagnani

    Thank you, Vinay!

    Yes, the ?iframe=true did it!

    By the way, is this option documented? Are there others?

    October 26, 2016 at 3:24 pm #704347
    mmagnani

    Thanks for the suggestion, @guenni007

    But the problem was with the link inside tab container, as an alternative to tab behavior. Hidden or invisible, I needed something to mimic tab title functionality.

    Regards,

    October 26, 2016 at 5:01 pm #704432
    Vinay

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Tabs without tab titles’ is closed to new replies.