Zen Cart Logo
Forums / Addon Templates / ZCA Bootstrap 4 Template [Support Thread]

ZCA Bootstrap 4 Template [Support Thread]

Views: 542,511

Results 521 to 540 of 1,686
16 Sep 2021, 1:22 PM
#521
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

ZCA Bootstrap 4 Template [Support Thread]

bumba000:

Just found a bootstrap sql patch in the logs. applied and resolved. what the heck?! lol
I had (obviously) totally forgotten about that "suggested settings" log; thanks for the post back and the memory jogger!

21 Sep 2021, 2:04 PM
#522
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

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

 This release contains changes associated with the following GitHub issues:

#84: Adding language-translation for Back to Top button's title= tag.
#85: Adding alt= tag to additional images.
#86: Adding aria-label and -title to shopping-cart buttons.
#88: Correct form-start tag placement to correct invalid HTML on checkout_confirmation.
#89: Correct data-overflow on account page's Previous Orders.
#91: Correct PHP notices issued when left/right columns are fully disabled.
#92: Enable integration with attribute image-swapper plugins.

22 Sep 2021, 3:36 PM
#523
carbonless avatar

carbonless

Zen Follower

Join Date:
Jan 2007
Location:
Illinois, USA
Posts:
329
Plugin Contributions:
0

Re: ZCA Bootstrap 4 Template [Support Thread]

I’m looking for someone to implement some styling customizations to this template.

looking to make it more picture heavy, with a displayed shopping cart icon in the responsive mode, and moving it to a 2 column format.

I’m lacking skills in this field and need assist. PM if interested.

24 Sep 2021, 1:37 PM
#524
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

lat9:

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

 This release contains changes associated with the following GitHub issues:

#84: Adding language-translation for Back to Top button's title= tag.
#85: Adding alt= tag to additional images.
#86: Adding aria-label and -title to shopping-cart buttons.
#88: Correct form-start tag placement to correct invalid HTML on checkout_confirmation.
#89: Correct data-overflow on account page's Previous Orders.
#91: Correct PHP notices issued when left/right columns are fully disabled.
#92: Enable integration with attribute image-swapper plugins.
Now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2191

28 Sep 2021, 11:16 AM
#525
pixelpadre avatar

pixelpadre

Suspended

Join Date:
Jun 2007
Location:
Eustis, Florida, USA, EARTH
Posts:
868
Plugin Contributions:
0

Re: ZCA Bootstrap 4 Template [Support Thread]

Tagline under logo should be aligned by default. Makes no sense to me why these two items would have different alignments.

includes/templates/bootstrap/common/tpl_header.php

28 Sep 2021, 1:11 PM
#526
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

pixelpadre:

Tagline under logo should be aligned by default. Makes no sense to me why these two items would have different alignments.

includes/templates/bootstrap/common/tpl_header.php
That's what you call open-source. You're free to make changes if that's what layout you want.

28 Sep 2021, 1:34 PM
#527
pixelpadre avatar

pixelpadre

Suspended

Join Date:
Jun 2007
Location:
Eustis, Florida, USA, EARTH
Posts:
868
Plugin Contributions:
0

Re: ZCA Bootstrap 4 Template [Support Thread]

lat9:

That's what you call open-source. You're free to make changes if that's what layout you want.

Did it take you very long to think of your response. Very nice, I'm sure the community will appreciate your advice.

28 Sep 2021, 2:11 PM
#528
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

pixelpadre:

Did it take you very long to think of your response. Very nice, I'm sure the community will appreciate your advice.
Yes, it did. I looked at the full-screen layout (where the tagline is centered in the screen but next to the image) as well as the mobile rendering where the tagline is centered under the image.

28 Sep 2021, 2:35 PM
#529
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,176
Plugin Contributions:
0

Re: ZCA Bootstrap 4 Template [Support Thread]

@pixelpadre
One should NEVER bite the hand who generates money for your website.
lat9 is a major contributor to the zen cart community who donates her time for free advice.

7 Oct 2021, 4:27 PM
#530
nick1973 avatar

nick1973

Totally Zenned

Join Date:
Sep 2008
Location:
Cleethorpes
Posts:
1,230
Plugin Contributions:
3

Re: ZCA Bootstrap 4 Template [Support Thread]

Just a quick one, on the product listing...

modules/bootstrap/product_listing.php does not format correctly when setting the number of columns required.

this```php
if ($product_listing_layout_style === 'columns' || $product_listing_layout_style === 'fluid') { $lc_text = implode('<br>', $product_contents); $style = ''; if ($product_listing_layout_style === 'columns') { $style = ' style="width:' . $col_width . '%;"';


needs changing to this

```php
if ($product_listing_layout_style === 'columns' || $product_listing_layout_style === 'fluid') {            $lc_text = implode('<br>', $product_contents);            $style = '';            if ($product_listing_layout_style === 'columns') {                /* $style = ' style="width:' . $col_width . '%;"'*/;

Or you need to take out the line ```php
$style = ' style="width:' . $col_width . '%;"'

7 Oct 2021, 4:32 PM
#531
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

Nick1973:

Just a quick one, on the product listing...

modules/bootstrap/product_listing.php does not format correctly when setting the number of columns required.

this```php
if ($product_listing_layout_style === 'columns' || $product_listing_layout_style === 'fluid') { $lc_text = implode('<br>', $product_contents); $style = ''; if ($product_listing_layout_style === 'columns') { $style = ' style="width:' . $col_width . '%;"';

> 
> needs changing to this
> 
> ```php
if ($product_listing_layout_style === 'columns' || $product_listing_layout_style === 'fluid') {            $lc_text = implode('<br>', $product_contents);            $style = '';            if ($product_listing_layout_style === 'columns') {                /* $style = ' style="width:' . $col_width . '%;"'*/;

Or you need to take out the line ```php
$style = ' style="width:' . $col_width . '%;"'

I'll review that, but why would you hard-code the number of columns instead of letting the bootstrap responsiveness do its thing?
7 Oct 2021, 4:44 PM
#532
nick1973 avatar

nick1973

Totally Zenned

Join Date:
Sep 2008
Location:
Cleethorpes
Posts:
1,230
Plugin Contributions:
3

Re: ZCA Bootstrap 4 Template [Support Thread]

lat9:

I'll review that, but why would you hard-code the number of columns instead of letting the bootstrap responsiveness do its thing?

The product listing when using columns doesn't fit 100% of the column width. For example, if I have it set to two columns it only fits 49.5% of the column width - or halfway across.

I didn't really hardcode it, just took out style="width:49.5%" or whatever as that will change if you have three, four or five columns and so on. The responsiveness works fine without it.

I've attached images so you can see before and after the change:

Before

Attachment 19749

After

Attachment 19750

7 Oct 2021, 5:15 PM
#533
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

Right, if you really want a fluid set of columns, you should set the product-listing's configuration for columns-per-row to 0.

7 Oct 2021, 5:23 PM
#534
nick1973 avatar

nick1973

Totally Zenned

Join Date:
Sep 2008
Location:
Cleethorpes
Posts:
1,230
Plugin Contributions:
3

Re: ZCA Bootstrap 4 Template [Support Thread]

ok but then it changes to four across, plus that isn't very clear in the admin. Perhaps just a simple text instruction on columns per row?

So how do I change it from 4 across to 3 across or 2 across?

8 Oct 2021, 5:03 PM
#535
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: ZCA Bootstrap 4 Template [Support Thread]

Nick1973:

Just a quick one, on the product listing...

modules/bootstrap/product_listing.php does not format correctly when setting the number of columns required.

this```php
if ($product_listing_layout_style === 'columns' || $product_listing_layout_style === 'fluid') { $lc_text = implode('<br>', $product_contents); $style = ''; if ($product_listing_layout_style === 'columns') { $style = ' style="width:' . $col_width . '%;"';

> 
> needs changing to this
> 
> ```php
if ($product_listing_layout_style === 'columns' || $product_listing_layout_style === 'fluid') {            $lc_text = implode('<br>', $product_contents);            $style = '';            if ($product_listing_layout_style === 'columns') {                /* $style = ' style="width:' . $col_width . '%;"'*/;

Or you need to take out the line ```php
$style = ' style="width:' . $col_width . '%;"'



I recall DrByte strongly suggested not to mess with that line (around 400 correct?), and to edit in case the lines around 180

```php
        // 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',
                '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',
            ];
8 Oct 2021, 5:07 PM
#536
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

keneso:

I recall DrByte strongly suggested not to mess with that line (around 400 correct?), and to edit in case the lines around 180

    // 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',
            '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',
        ];
Thanks, @keneso, that's exactly what I was going to suggest.  FWIW, products' listings with this template are best rendered either in row or fluid mode, since setting specific column widths doesn't play well with bootstrap's 'card' layouts.
9 Oct 2021, 9:55 AM
#537
swguy avatar

swguy

Administrator

Join Date:
Feb 2006
Location:
Tampa Bay, Florida
Posts:
10,682
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

Cindy, you have recommended this change to me in the past and it has worked like a charm. It is briefly mentioned in the documentation on Columnar Layout for Product Listing pages here:

https://docs.zen-cart.com/user/template/listing_columns/

9 Oct 2021, 12:08 PM
#538
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

swguy:

Cindy, you have recommended this change to me in the past and it has worked like a charm. It is briefly mentioned in the documentation on Columnar Layout for Product Listing pages here:

https://docs.zen-cart.com/user/template/listing_columns/
Thanks, Scott, I didn't realize that that documentation exists!

20 Oct 2021, 5:27 PM
#539
g2ktcf avatar

g2ktcf

Totally Zenned

Join Date:
Feb 2011
Location:
Lumberton, TX
Posts:
636
Plugin Contributions:
0

Re: ZCA Bootstrap 4 Template [Support Thread]

Any chance someone has this as a demo that I can see? The original one listed in this thread says "domain for sale" lol

20 Oct 2021, 6:47 PM
#540
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,065
Plugin Contributions:
56

Re: ZCA Bootstrap 4 Template [Support Thread]

g2ktcf:

Any chance someone has this as a demo that I can see? The original one listed in this thread says "domain for sale" lol
Sure: https://vinosdefrutastropicales.com/zc157_bs4/