[David Rogers]

How can I make it so that the address entry shows up on one line with the fields separated by commas in a card-single.php template?

Example:

1124 Main Street, My Town, CA, 95441, USA

Also, on the directory card.php template, how can I show only the city, state, country on one line without the street address or the zip code?

Example:

My Town, CA, USA

I’m using the tile-plus template.

• This topic was modified 12 years ago by David Rogers.
• This topic was modified 12 years ago by David Rogers.

[Steven Zahm]

@ David

In the card-single.php you would change this line:

if ( $atts['show_addresses'] ) $entry->getAddressBlock( array( 'format' => $atts['addr_format'] , 'type' => $atts['address_types'] ) );

to this:
if ( $atts['show_addresses'] ) $entry->getAddressBlock( array( 'format' => '%line1%, %line2%, %line3%, %city%, %state%, %zipcode%, %country%' , 'type' => $atts['address_types'] ) );

In the card.php file, change this line:

if ( $atts['show_addresses'] ) $entry->getAddressBlock( array( 'format' => $atts['addr_format'] , 'type' => $atts['address_types'] ) );

to this:

if ( $atts['show_addresses'] ) $entry->getAddressBlock( array( 'format' => '%city%, %state%, %country%' , 'type' => $atts['address_types'] ) );

No, in both the tile-plus.css and tile-plus-single.css files you need to add CSS to override the block layout. The following CSS should do the trick:

#cn-slim-plus span.adr span.street-address { display: inline-block; }
#cn-slim-plus span.adr span.extended-address { display: inline-block; }
#cn-slim-plus span.adr span.country-name { display: inline-block; }
#cn-slim-plus span.adr span.geo, div#cn-list span.adr span.geo span.latitude,div#cn-list span.adr span.geo span.longitude { display: inline-block; }

Lastly, instead of modding these file directly, I suggest making copies and use this method for the PHP files and this method for the CSS files so your changes are update safe.

Hope that helps!

[David Rogers]

That works great with one small hitch. If a field is blank, it still gets a comma. Is there some way to remove the empty fields?

Currently I get this:

1260 Some St, , , Some Town, CA, 94608, USA

Would like to get this:

1260 Some St, , , Some Town, CA, 94608, USA

[Steven Zahm]

@ David

If you will have empty fields, yes the commas will show up. The alternative is to use a CSS approach to handle adding commas. Fir remove them from the gettAddressBlock format option, then use this CSS:

#cn-slim-plus span.adr span.street-address { display: inline-block; }
#cn-slim-plus span.adr span.street-address:after { content: ','; }
#cn-slim-plus span.adr span.extended-address { display: inline-block; }
#cn-slim-plus span.adr span.extended-address:after { content: ','; }
#cn-slim-plus span.locality:after { content: ',' }
#cn-slim-plus span.region:after { content: ',' }
#cn-slim-plus span.postal-code:after { content: ',' }
#cn-slim-plus span.adr span.country-name { display: inline-block; }
#cn-slim-plus span.adr span.geo, div#cn-list span.adr span.geo span.latitude,div#cn-list span.adr span.geo span.longitude { display: inline-block; }

[David Rogers]

That worked just great, thank you!

[Author]

Posts