ZCA Bootstrap 4 Template [Support Thread]

[mikecnz]

ok, testing shows that Ckeditor5 is what is stripping the class off the image tag.
So another thing that Ckeditor 5 causes an issue with

Ok, so to workaround this currently I am pasting code directly into the database - it may be slow, but it works.

Another couple of questions:
In the documentation (https://github.com/lat9/ZCA-Bootstra...ecific-styling)
the following code is mentioned:
if ($this_is_home_page) {
?>
<style>
h1 {color: red;}
</style>
<?php
}
This will allow for styling of the home page, is there a list of codes for the various pages? e.g. contact us, ez pages, etc?

I assume this code could also used to load a style sheet for a specific page?
<link href="<?php echo $template->get_template_dir('.css', DIR_WS_TEMPLATE, $current_page_base, 'css') . '/mysite.css'; ?>" rel="stylesheet">

[royaldave]

Not seeing anything, no.

I have reverted to using responsive classic in this setup and its now working as should.

No idea what the issue is - I'm faced with starting over on this upgrade and checking the shopping cart at each step.

OK.

Installed fresh copy of 2.0.1. Using demo DB. All is good.
Installed fresh copy of bootstrap. All is good - shopping cart update qty works as it should.
Dropped the demo DB and put a copy of my live DB in there. Upgraded it through zc_install.
Shopping cart update qty now broken!

So something in my DB is causing the issue! What?

Here's the weird thing though - if I get a copy of the recursive classic version of tpl_shopping_cart_default.php and drop it in over the bootstrap one (and remove the isMobile bits so it will run) - the update qty functionality works as it should!

I promise you no other changes have been made.

Any ideas?

[lat9]

Ok, so to workaround this currently I am pasting code directly into the database - it may be slow, but it works.

Another couple of questions:
In the documentation (https://github.com/lat9/ZCA-Bootstra...ecific-styling)
the following code is mentioned:
if ($this_is_home_page) {
?>
<style>
h1 {color: red;}
</style>
<?php
}
This will allow for styling of the home page, is there a list of codes for the various pages? e.g. contact us, ez pages, etc?

I assume this code could also used to load a style sheet for a specific page?
<link href="<?php echo $template->get_template_dir('.css', DIR_WS_TEMPLATE, $current_page_base, 'css') . '/mysite.css'; ?>" rel="stylesheet">

The various pages can be seen by viewing the names of the sub-directories in /includes/modules/pages. To load a page-specific stylesheet, you can refer to /includes/templates/template_default/css/CSS_read_me.txt, which contains

The CSS files are sent to the browser in this order: (and alphabetically within each case of more than one match):

             style*.css   // are always loaded and at least ONE should contain site-wide properties.
language_stylesheet.css   // changes to ALL pages, when that language is used
         index_home.css   // specifically affects the home page only
          page_name.css   // changes to one page, ie: index.php?main_page=page_name
 language_page_name.css   // changes to one page, when that language is used
            c_??_??.css   // changes to all info pages in a category
   language_c_??_??.css   // changes to all info pages in a category, when that language is used
   c_??_??_children.css   // changes for all children of the specified parent. Also supports a language prefix.
               m_??.css   // changes to a manufacturer's listing page
      language_m_??.css   // changes to a manufacturer's listing page, when that language is used
               p_??.css   // changes to a product's info page
      language_p_??.css   // changes to a product's info page, when that language is used
             print*.css   // printer-friendly global usage site-wide changes for printing-only
             page##.css   // EZ-Page -- css specific to a numbered EZ-page ... ie:  page21.css would be for EZ-Page number 21 ... ie: for the URL index.php?main_page=page&id=21

The 'stylesheet.css' is expected to load first and should contain the bulk of your CSS selectors. Each file loaded takes priority over previously loaded file(s). To save loading time, only new selectors or selectors whose properties you wish to change should be in the optional CSS files. You can have different overrides for the same page, in different languages, because the two would never be called at the same time.

If someone selected the French language on your site, the 'french_stylesheet.css' would also be loaded. It should only contain the site-wide changes you want to make to 'stylesheet.css'. For example, change a 'background-image' for your French customers.

If someone went to any of the other pages, that page's CSS file would be loaded. Possibly you want different 'background-image' & 'background-color' on each of 'page_x' pages. Possibly you do not want a border around '.plainBox' most of the time, but on a couple of pages you do... and on one of those pages you want it in black and the other in red.

Possibly you created a NEW tag and did a <span class="newtag"> in your Privacy Statement. It is defined in only one CSS file, 'german_privacy.css' as '.newtag { text-transform: uppercase }' Because, in Germany, that phrase must be in all CAPS, but not in other countries.

Use your CSS files and the standard tags as much as possible, just change their properties when needed. If possible, DON'T HACK the core code. Use your CSS files to do the work for you. When the style coding has been removed from the ZenCart code and people have to decide if they want to go without the upgrade ~or~ undo all their hacks and finally learn about CSS... your site will still be up and running.

Additional information is contained in the Zen Cart documentation.


Adapted from ideas presented by
Juxi Zoza
03/15/05

[lat9]

OK.

Installed fresh copy of 2.0.1. Using demo DB. All is good.
Installed fresh copy of bootstrap. All is good - shopping cart update qty works as it should.
Dropped the demo DB and put a copy of my live DB in there. Upgraded it through zc_install.
Shopping cart update qty now broken!

So something in my DB is causing the issue! What?

Here's the weird thing though - if I get a copy of the recursive classic version of tpl_shopping_cart_default.php and drop it in over the bootstrap one (and remove the isMobile bits so it will run) - the update qty functionality works as it should!

I promise you no other changes have been made.

Any ideas?

I'd need a gzipped copy of the database to see for myself; send me a PM with a link, please.

[mikecnz]

Further to my query above, in regards to id's or classes that already exist in the template but don't appear to have any set styling for example:

h1 id="indexCategories-pageHeading" class="pageHeading" from the home page.

Can I add these to the stylesheet, or should I create and load a new one?

[lat9]

Further to my query above, in regards to id's or classes that already exist in the template but don't appear to have any set styling for example:

h1 id="indexCategories-pageHeading" class="pageHeading" from the home page.

Can I add these to the stylesheet, or should I create and load a new one?

Your "best" option is to add them to the site_specific_styles.php, within a <style></style> section. That way, you won't overwrite your updates when the base template is updated.

[jpda]

@mikecnz

if ($this_is_home_page) {
?>
<style>
h1 {color: red;}
</style>
<?php
}
This will allow for styling of the home page, is there a list of codes for the various pages? e.g. contact us, ez pages, etc?

See this post: https://www.zen-cart.com/showthread....28#post1391428

jpda

[strelitzia]

Is there any work underway to update this to use Bootstrap 5.3.3 or is it staying on Bootstrap 4.6.2 for the foreseeable future?

[lat9]

Is there any work underway to update this to use Bootstrap 5.3.3 or is it staying on Bootstrap 4.6.2 for the foreseeable future?

Planned, but nothing currently underway.

[strelitzia]

Planned, but nothing currently underway.

I have a client wanting BS5 so I may need to look at the conversion then. Perhaps you could set up a BS5 directory in your GitHub repo so I can share any work that I might do.
Would also help to agree on a version number for the change to 5.