Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 13, 2015 at 8:32 pm #487429
    Jen

    I would like to create a page similar to this one http://www1.phone.com/feature/ with the sort-filter-view cability (i.e., interactive buttons along left side). The page uses Isotope, but I believe Enfold’s Portfolio is already using it.

    How would you go about creating something similar in Enfold?

    Thanks!

    August 14, 2015 at 2:00 pm #487764
    Yigit

    Hi stanbrid!

    You can use side tabs. Example here – http://kriesi.at/themes/enfold/shortcodes/tabs/ :)

    Best regards,
    Yigit

    September 7, 2015 at 5:52 pm #499444
    Jen

    How would you add an Iconbox to the tab content? The “Insert Shortcode Elements” on the toolbar is limited to five shortcodes. Iconbox is not one of them?

    September 7, 2015 at 11:28 pm #499589
    Yigit

    Hey!

    You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Or, You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
    then you can create any of them and copy/paste shortcode into any other content element or into text widget.

    Regards,
    Yigit

    February 2, 2016 at 10:38 pm #576757
    Jen

    Hi Yigit,
    I’m reopening this topic as I have expanded the question. I’ve created a set of horizontal tabs that work fine. See here: http://www.voicecarrier.com/features_2

    Now I’d like to add more tabs along the left side, vertically. So, there would be the row of 9 “buttons”(i.e., tabs) across the top that displays their respective content, as well as the 3 “buttons” along the left with each of their respective content. Clicking on each one displays a different set of icons.

    How would you suggest doing this? I though of using a sidebar for the 3 verticals, but I’d like to keep everything in the same container without new page loads. I’m not wedded to using tabs either. A plugin or different element is fine.

    I’ve attempted to show the desired layout here:

    | Business Features | Call Management | Conference+Collaboration | Support+ Security | ….
    —
    All
    —
    Standard
    —
    Premium

    *Thanks!!*

    February 4, 2016 at 4:34 am #577528
    Ismael

    Hi!

    This is actually possible but it will require a few modifications. For example, if you want to move the “Call Center” tab title to the left side of the tab content container, add this css code:

    .tabcontainer {
    overflow: visible;
}

.tab.tab_counter_8 {
    position: absolute;
    left: -90px;
    top: 30px;
    z-index: 1000;
}

    You can contact our partner, codeable, if you need more assistance: http://kriesi.at/contact/customization

    Cheers!
    Ismael

    February 4, 2016 at 6:44 pm #577983
    Jen

    Thanks for the reply. Add this to the custom css and it didn’t change anything. Tab positions are same as before.

    February 5, 2016 at 7:58 am #578337
    Rikard

    Hi,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    February 5, 2016 at 10:15 pm #578803
    Jen

    I just sent the login via Private Content. Please confirm receipt.

    February 6, 2016 at 2:43 am #578903
    Jen

    Now, new tabs are just magically duplicating when working in the Advanced Layout Editor.

    February 7, 2016 at 9:21 pm #579236
    Jen

    Update: Success! Discovered that cache plugin settings were causing a delay in the child style updates. So, Ismaels code was working, after all. Thanks!

    February 10, 2016 at 10:52 am #580955
    Andy

    Hi!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Cheers!
    Andy

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Recreate Isotope sort & filter effect’ is closed to new replies.