Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #22063

    Can we create the icon boxes that show in the Choices theme in the Flagship theme? They both seem to have an icon box shortcode but they don’t seem to do the same thing.

    Thanks!

    #114075

    Hi!

    Please elaborate – I checked the demo pages: http://www.kriesi.at/themes/flagship/template-files/shortcodes/ and http://www.kriesi.at/themes/choices/template-files/shortcodes/ and the icon box styles/layouts are very similar.

    Regards,

    Peter

    #114076

    On the Choices icon box there is an icon in the middle top, and box around the icon box with the inside shaded. For example the BUILD YOUR OWN SKINS box MOBILE OPTIMIZED and Premium Support. There is a link or button I’ve seen at the end of these boxes. It’s nice and clean wrapped with a border and some shading, and the icon centred vs at the left of the text. The same kind of icon box as found in Flagship is underneath the first row on the Choices demo page (see row starting with FLEXIBLY TEMPLATES). Maybe I’m just missing something in Flagship and both types of icon boxes are available there as well?

    Much appreciated!

    (PS – how did you get the floating feedback tab on the Choices demo page?).

    Thanks so much for all the great support.

    #114078

    You can add it to Flagship.

    1) Copy the folder wp-contentthemeschoicesframeworkphpavia_shortcodes to wp-contentthemesflagshipframeworkphp – overwrite all existing files if necessary.

    2) Add following code to the very bottom of wp-contentthemesflagshipfunctions-flagship.php:

    function avia_sc_icon_box_top($atts, $content=null, $shortcodename ="")
    {
    extract(shortcode_atts(array('title' => '', 'icon' => ''), $atts));

    //check wich link base we should use for the icon. by default we take the iconbox folder. if the user sets a path use that path
    if($icon != ""&& strpos('/', $icon) === false) $icon = AVIA_BASE_URL . 'images/icons/iconbox/'.$icon;

    if($icon != "") $icon = "<img src='$icon' alt='' />";

    // add blockquotes to the content
    $output = '<div class="iconbox_top">';
    $output .= '<span class="iconbox_top_icon">'.$icon.'</span>';
    $output .= '<div class="iconbox_top_content">';
    $output .= '<h3 class="iconbox_top_content_title">'.$title."</h3>";
    $output .= wpautop( avia_remove_autop( $content ) );
    $output .= '</div></div>';

    return $output;
    }

    add_shortcode('iconbox_top', 'avia_sc_icon_box_top');

    3) Replace following line in functions.php:

    add_theme_support( 'avia-shortcodes', array('table') );

    with

    add_theme_support( 'avia-shortcodes', array( 'table', 'small_box' => array('iconbox_top'=>'Icon Box (Icon on Top)') ) );

    #114079

    Thank you very much!

    #114080

    Glad that Peter got you back on track!

    Thanks,

    Nick

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Icon Box’ is closed to new replies.