Home>Support>Page builder for Foundation: small dev-issue

Page builder for Foundation: small dev-issue

Hi,

I am currently modifying the siteorigin-panels.php so the page builder will generate Foundation CSS.

I am almost there! :) But I need a little push from you guys. I think it is a small issue.

The .panel-grid class is replaced by the .row class. Now I only need to replace the .panel-grid-cell class by the large-X classes provide by Foundation, where X is the result of a calculation based on the width of a cell.
eg:
if width = 33% => X = 4
if width = 50% => X = 6

This is all working pretty well. Only issue is that when I work with different rows, the X is always calculated based on the column-widths of the first row!

How can I make sure X is calculated, based on its current row?

This is what I have until now in the function siteorigin_panels_render:

foreach ( $cells as $ci => $widgets ) {
    // foundation
    $cell = $panels_data['grid_cells'][$ci];
    $width = round( $cell['weight'] * 12, 0 );
		
    // Themes can add their own styles to cells
    $cell_classes = apply_filters( 'siteorigin_panels_row_cell_classes', array('panel-grid-cell', 'large-' . $width), $panels_data );
...

$cell should be ‘$cell of the current row’

Hope you guys can help me out here… Almost there :)

thx!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi leffi7

    Thanks for your interest. If you’d like to formally fork, that’s now possible:

    https://github.com/siteorigin/siteorigin-panels

    I’ll need to ask Greg to see if he can lend a hand here. He’s unfortunately travelling at the moment so I can’t say when he’ll be able to jump in. Hopefully sometime soon.

  2. 8 years, 7 months ago Kyle Rumble

    Hey leffi7,

    I use Foundation as well. Did you figure this out? Any chance you’d want to share? :) Or maybe you want some help.

    I haven’t started yet, but I’d be interested in working on a plugin that adds to, rather than modifies any core files. Maybe even get it added to core.

    I just found this plugin today, and it looks amazing. Love how it doesn’t use shortcodes. I haven’t looked into it yet, but it would also be awesome if you could filter out the “Column Ratios”. For me it’s all about limiting clients rather than giving them every possible option. Personally I’d rather pay for a page builder like this, than Visual Composer. No comparison.

    With a few different tweaks this would be the perfect page builder for the custom themes that I build.

    Cheers,

    Kyle
    @kylerumble

  3. 8 years, 7 months ago leffi7

    Hi Kyle,

    To be honest, I gave up :)

    I am using Advanced Custom Fields now. This way I can keep my code clean and write my own HTML and CSS, which makes it easier to maintain my sites. ACF also fits in your filosophy: ‘limiting clients rather than giving them every possible option’
    They can only modify content within the boundaries you impose them and without breaking anything.

    Grtz!

    Leffi7

  4. 8 years, 7 months ago Kyle Rumble

    Leffi7

    I use ACF for everything as well. I created my own little page builder with a CPT and partials. Does the trick, but it would be nice to have a page builder.

    If I take a go at it I’ll let you know.

    I’m on Twitter. @kylerumble

  5. 8 years, 23 days ago roya

    Hi Guys, looking for a solution like this I found: https://twitter.com/chasecmiller/status/712307361562529792 or take a look here: https://github.com/chasecmiller/Foundation-6-and-SiteOrigin-Panels

    It’s allready outputting rows – we just need to further extend it (like column source ordering or other features). I love community driven solutions (and plugins @siteorigin ;))

    hope this helps you!

  6. 8 years, 22 days ago Andrew Misplon
    Hi, I Work Here

    Thanks for sharing, roya. Appreciate it.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More