[Support request] Structur

[Alexandra]

I want to build a page for cars and I like to use the general structure in the Facet Templates

Here ist an example von Bootstrap with cols, what can I use here?

<?php if ( have_posts() ) : while ( have_posts() ) : the_post();
$meta_values = get_post_meta( get_the_ID() );?>

” <?php post_class(); ?>>

<h3>
” title=”<?php the_title(); ?>”>
<?php the_title(); ?>

</h3>

” title=”<?php the_title(); ?>”><?php if ( function_exists( ‘has_post_thumbnail’) && has_post_thumbnail() ) { the_post_thumbnail(); } ?>

<p>
<!– Fzg Klasse (Kleinwagen, SUV,…) –>
<h5><?php echo $meta_values[‘category’][0]; ?> ,
<?php echo $meta_values[‘condition’][0]; ?></h5>
</p>
<!– Erstzulassung (MM.JJJJ) –>
<p><span class=”highlight”>
<?php if(!empty($meta_values[‘firstRegistration’][0])){?>
Erstzulassung: </span>
<td><?php $show_date = date(‘m.Y’, strtotime($meta_values[‘firstRegistration’][0]));?>
<?php echo $show_date; ?><?php } ?></p>
<!– Laufleistung (km) –>
<p><span class=”highlight”>
<?php if(!empty($meta_values[‘mileage’][0])){?>
Kilometer: </span>
<?php echo $meta_values[‘mileage’][0].’ km’;?><?php } ?>
</p>

<!– Diesel, Benzin, etc. –>
<p><span class=”highlight”>
<?php if(!empty($meta_values[‘fuel’][0])){?>
Treibstoff: </span><?php echo $meta_values[‘fuel’][0]; ?><?php } ?></p>
<!– Leistung (KW,PS) –>
<p><span class=”highlight”><?php if(!empty($meta_values[‘power’][0])){?> Leistung: </span><?php echo $meta_values[‘power’][0]; ?> kW<?php $zahl1 = $meta_values[‘power’][0] ; $zahl2 = 1.35962; ?>
<?php $multiplikation = $zahl1 * $zahl2; ?> / <?php echo round($multiplikation); ?> PS
<?php } ?></p>

<!– Getriebe –>
<p><span class=”highlight”><?php if(!empty($meta_values[‘gearbox’][0])){?>
Getriebe: </span><?php echo $meta_values[‘gearbox’][0]; ?><?php } ?></p>

<p><h3><?php if(!empty($meta_values[‘price’][0])){?>
Preis: <?php echo $meta_values[‘price’][0] . ‘ ‘. $meta_values[‘currency’][0];?> Euro</h3><?php } ?>
</p>
<p style=”font-size:13px;color:#989898; padding-bottom: 10px;”><?php if(!empty($meta_values[‘vatable’][0])){?>
<?php echo $meta_values[‘vatable’][0]==’false’?’Mehrwertsteuer nicht ausweisbar’:’Inklusive 19% Umsatzsteuer’;?><?php } ?></p>

” title=”Details”><p class=”button-anfrage”><i class=”fa fa-info” style=”padding-right:5px;”></i>Details</p>

<!– Verbrauch kombiniert –>
<p><span class=”highlight”><?php if(!empty($meta_values[’emissionFuelConsumption_Combined’][0])){?> Kraftstoffverbr. kombiniert:* </span><?php echo $meta_values[’emissionFuelConsumption_Combined’][0]. ‘ l/100km’;?><?php } ?></p>

<!– CO² Emissionen komb. –>
<p><span class=”highlight”><?php if(!empty($meta_values[’emissionFuelConsumption_CO2′][0])){?>
CO2-Emissionen kombiniert: </span><?php echo $meta_values[’emissionFuelConsumption_CO2′][0]. ‘ g/km’;?>
<?php } ?></p>

<!– Energieeffizienzklasse –>
<p><span class=”highlight”><?php if(!empty($meta_values[‘efficiency_class’][0])){?>
Energieeffizienzklasse: </span><?php echo $meta_values[‘efficiency_class’][0];?><?php } ?>
<?php // echo $meta_values[‘efficiency_class’][0]; ?>
<?php if(!empty($meta_values[’emissionSticker’][0]) && $meta_values[’emissionSticker’][0][0] !== ‘1’){?></p>

<p><span class=”highlight”>Umweltplakette: </span>/wp-content/plugins/mobilede_wordpress/images/<?php echo $meta_values[’emissionSticker’][0][0]. ‘.png’;?>”<?php } ?></p>

<!– Umweltplakette ENDE –>

<!– Interne Nr –>
<p><span class=”highlight”><?php if(!empty($meta_values[‘seller_inventory_key’][0])){?>
Fahrzeug-Nr.: </span>
<?php echo $meta_values[‘seller_inventory_key’][0];?><?php } ?></p>

<?php if(!empty($meta_values[‘efficiency_class_image_url’][0])){?>
<p class=”energieffizienzklasse”>“<?php } ?></p>
<!– Energieeffizienzklasse-Abbildung ENDE –>

<!– post –>

<hr />
<?php endwhile; ?>
<?php else: ?><p>Keine Fahrzeuge gefunden.</p>
<?php endif; ?>

[Leo]

Hi there,

I’m not sure if I fully understand.

We would highly advised against Bootstrap with GP due to the reason David explained here:
https://generatepress.com/forums/topic/full-width-section-without-affecting-the-layout/#post-1655625

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts