there is code that outputs loadable from the database card with the prices, but they are displayed in rows and ultimately flood the page. Tell me how to do carousel of 3 items with scrolling for this design?
<?php if ( ! is_page_template( 'template-pricing.php' ) ) { get_template_part( 'partials/pagehead', 'pricing' ); } ?><?php $pricing_packs = shuttea_get_option('pricing_pack');$i = 0;foreach ($pricing_packs as $pricing_pack) {if ( $pricing_pack["title"] && $pricing_pack["price"] && $pricing_pack["options"] ) { $i++;};}if ( $i < 3 ) { $col_width = 12 / $i; } else { $col_width = 4; } ?><?php foreach ($pricing_packs as $pricing_pack) {if ($pricing_pack["title"] && $pricing_pack["price"] && $pricing_pack["options"]) {echo '<!-- pricing table -->'; echo ''; ?> <!-- pricing table heading--><?php esc_html_e('','shuttea'); ?><?php echo esc_attr($pricing_pack["title"]); ?><?php echo esc_attr($pricing_pack["price"]); ?><!-- END pricing table heading--><!-- pricing table content--><?php foreach ( $pricing_pack["options"] as $pack_option ) { ?>- <?php echo esc_attr($pack_option); ?><?php } ?><!-- END pricing table content--><?php esc_html_e('Заказать','shuttea'); ?><!-- END pricing table --><?php } ?><?php } ?>
The code is implemented on the website mekegood.group in the main, the "Prices"section.