ZCA Bootstrap 4 Template [Support Thread]

[lat9]

I've just submitted v3.1.3 of the Bootstrap-4 template for the Zen Cart moderators' review and will post back here when it's available for download.

This release contains changes associated with the following GitHub issues:

#59: Correct duplicate sort-orders present in color configurations added in v3.1.2.
#61: Correct small-screen layout on shopping_cart page, required horizontal scroll.
#63: Remove redundant code from product_listing.php.
#64: Use common image sizing for all centerbox displays.
#65: Add 'specificity' to addresses to correct browsers' auto-fill.
#67: Add .clearBoth class styling to the template's base stylesheet.
#69: Use bootstrap message styling for the "Place Order" shopping-for message.

[lat9]

I've just submitted v3.1.3 of the Bootstrap-4 template for the Zen Cart moderators' review and will post back here when it's available for download.

This release contains changes associated with the following GitHub issues:

#59: Correct duplicate sort-orders present in color configurations added in v3.1.2.
#61: Correct small-screen layout on shopping_cart page, required horizontal scroll.
#63: Remove redundant code from product_listing.php.
#64: Use common image sizing for all centerbox displays.
#65: Add 'specificity' to addresses to correct browsers' auto-fill.
#67: Add .clearBoth class styling to the template's base stylesheet.
#69: Use bootstrap message styling for the "Place Order" shopping-for message.

Now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2191

[swguy]

I'd like to force the listing pages to use larger product images/fewer columns - I know that Product Listing > Columns per Row is recommended to be 0; is there another option?

[lat9]

I'd like to force the listing pages to use larger product images/fewer columns - I know that Product Listing > Columns per Row is recommended to be 0; is there another option?

With that setting at 0, edit your template's override of /includes/modules/bootstrap/product_listing.php, finding the following section

        // set css classes for "row" wrapper, to allow for fluid grouping of cells based on viewport
        // these defaults are based on Bootstrap4, but can be customized to suit your own framework
        if ($product_listing_layout_style === 'fluid') {
            $grid_cards_classes = 'row-cols-1 row-cols-md-2 row-cols-lg-2 row-cols-xl-3';
            // this array is intentionally in reverse order, with largest index first
            $grid_classes_matrix = [
                '10' => 'row-cols-1 row-cols-md-2 row-cols-lg-4 row-cols-xl-5',
                '9' => 'row-cols-1 row-cols-md-3 row-cols-lg-4 row-cols-xl-5',      //-lat9: Added for 3/9/0 configuration
                '8' => 'row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4',
                '6' => 'row-cols-1 row-cols-md-2 row-cols-lg-2 row-cols-xl-3',
            ];
            // determine classes to use based on number of grid-columns used by "center" column
            if (isset($center_column_width)) {
                foreach ($grid_classes_matrix as $width => $classes) {
                    if ($center_column_width >= $width) {
                        $grid_cards_classes = $classes;
                        break;
                    }
                }
            }
            $list_box_contents[$rows]['params'] = 'class="row ' . $grid_cards_classes . ' text-center"';
        }

... and edit that grid_classes_matrix for your customizations.

[swguy]

Beautiful! Thank you.

[marcopm]

First of all, thank you lat9 for this incredible work, such a useful and well done template!

I am scratching my head about the specials, all products, etc. pages.

Let's take the specials page for example. Both header_php.php and header_php_special_zca_bootstrap.php are loaded.

The first one (actually it's the main_template_vars.php in this case, but it's not that important) runs the query, calls splitPageResults (the "original" one), etc. and saves the results into $list_box_contents.

Then header_php_special_zca_bootstrap.php does some similar stuff, but with some adjustments for the bootstrap template, and saves to $listing_sql and $column_list variable.

If I'm not mistaken (please correct me if I'm wrong) the data extracted from header_php.php is not used at all, as tpl_modules_product_listing.php is called in the template, which only considers the data from header_php_special_zca_bootstrap.php ($listing_sql and $column_list variable) and produces its "own" $list_box_contents, which is the only one that will be used in the final page.

I guess header_php.php has been left as it is - despite the overhead - so as not to override too many core files, right? And because right now there's no way to tell ZC "for this page just load this header file and not that", without making some changes to the header files themselves (or to some other core files).
Or is it because the data extracted in header_php.php for these pages is/may be used somewhere else too?

[swguy]

Curious if anyone has adopted Instant Search for this template:
https://www.zen-cart.com/downloads.php?do=file&id=1336

[lat9]

First of all, thank you lat9 for this incredible work, such a useful and well done template!

I am scratching my head about the specials, all products, etc. pages.

Let's take the specials page for example. Both header_php.php and header_php_special_zca_bootstrap.php are loaded.

The first one (actually it's the main_template_vars.php in this case, but it's not that important) runs the query, calls splitPageResults (the "original" one), etc. and saves the results into $list_box_contents.

Then header_php_special_zca_bootstrap.php does some similar stuff, but with some adjustments for the bootstrap template, and saves to $listing_sql and $column_list variable.

If I'm not mistaken (please correct me if I'm wrong) the data extracted from header_php.php is not used at all, as tpl_modules_product_listing.php is called in the template, which only considers the data from header_php_special_zca_bootstrap.php ($listing_sql and $column_list variable) and produces its "own" $list_box_contents, which is the only one that will be used in the final page.

I guess header_php.php has been left as it is - despite the overhead - so as not to override too many core files, right? And because right now there's no way to tell ZC "for this page just load this header file and not that", without making some changes to the header files themselves (or to some other core files).
Or is it because the data extracted in header_php.php for these pages is/may be used somewhere else too?

No correction necessary. You've captured what's going on. While the queries are redundant, there's no way to tell the 'core' header_php.php to not generate that query and I'm not a big fan of core-file overwrites, so there's a bit of overhead in the generation of those product listings.