bootscore/bootscore

Flexible Bootstrap WordPress starter theme with full WooCommerce support

Intuitive Bootstrap WordPress starter-theme and time-saving plugins

Theme • Plugins • Shop • Docs • Blog • Community

Bootscore

Bootscore combines Bootstrap and the Underscores theme boiler template in a compact starter theme for outstanding WordPress projects. It does not include customizer settings, logo upload functionality, or drag-and-drop features. Customization in Bootscore is entirely achievable through its .php, .scss, and .js files, requiring basic coding skills for editing.

The Bootstrap source code is included, allowing easy on-the-fly editing Bootstrap without the need for Gulp, Node, or any other technical commands. Simply add your styles, save, and let the built-in scssphp compiler do the rest.

Bootscore comes with full WooCommerce support, featuring an integrated AJAX offcanvas cart.

This time-saving tool is designed to swiftly create clean, mobile-first projects. If you are familiar with Bootstrap and its HTML classes, you'll feel right at home and be able to build whatever you desire.

Table of contents

• Installation
• Child-theme
• Plugins
• Support & contribute
  • Discussions
  • Issues
  • Pull requests
  • Blog & Twitter
• Sponsor this project
• License & credits

Installation

1. Download latest release bootscore.zip.
2. In your admin panel, go to Appearance > Themes and click the Add New button.
3. Click Upload Theme and Choose File, then select bootscore.zip file. Click Install Now.
4. Click Activate to use your new theme right away.

Composer

To install using Composer, you will need to have Composer installed on your system. Ideally, it should also be available on your server with command-line access, although this is not mandatory. For detailed instructions on installing with Composer, please read the documentation.

Child-theme

Edit the theme in an upgrade-safe manner by using the provided Bootscore Child. Note that the child theme is not a stand-alone theme, Bootscore must be installed for it to function.

Installation

1. Download latest release bootscore-child.zip.
2. In your admin panel, go to Appearance > Themes and click the Add New button.
3. Click Upload Theme and Choose File, then select bootscore-child.zip file. Click Install Now.
4. Click Activate to use your new child-theme right away.

Plugins

Extend Bootscore with small yet useful plugins. Each plugin either utilizes Bootstrap or integrates it into third-party plugins.

Support & contribute

Discussions

If you have a general question that is not answered in the documentation or need help with your project, feel free to open a new discussion. Your question might already have been resolved in issues labeled help wanted.

Issues

If you find a bug or have a feature idea, feel welcome to open an issue. Before submitting, kindly check closed issues to avoid duplicates. Note that bug reports must include a link to a reduced test case.

Pull requests

We’re delighted if you'd like to contribute. Simply fork the repository, make your changes, and create a pull request. Every PR will be reviewed, and if everything looks good, we’ll merge your changes into the main branch.

Blog & Twitter

For important updates, read our blog and follow us on Twitter. This way, you'll stay informed about anything new that you should know.

Sponsor this project

Like what you see? You can support us by sponsoring this project. Every contribution is highly appreciated, as it helps us maintain high motivation and continually develop the project.

License & Credits

• Bootscore, MIT License
• Bootstrap, MIT License
• Bootstrap 5 WordPress Navbar Walker by AlexWebLab, MIT License
• Font Awesome Free License
• scssphp by Leaf Corcoran, MIT License
• Plugin Update Checker by YahnisElsts, MIT License

bootscore's Issues

Webpack Support?

Is there a simple way to get Webpack support to compile js and sass with a child theme?

masonry not included in js?

I could activate the masonry style category, but had to add the javascript myself, is it no longer included in the theme?

Update Checker

Update Checker

With Bootstrap 5.2.0 we can include the Update Checker. This script is already installed in bS Swiper and bS Grid plugin and works fine. Bootstrap 5.2.0 removes navbar-light variables and I'm not sure if there is a Sass error if this variables are used in child. That's why waiting until 5.2.0.

Motivation

Providing single-click updates in the backend.

From the users' perspective, it works just like with plugins and themes hosted on WordPress.org. The update checker uses the default upgrade UI that is familiar to most WordPress users.

Risks

By including the script, we‘re leaving the comfort and enter the danger zone, because we‘re not able to do breaking changes which will affect existing child-theme installations anymore. Classes, filenames, folders etc. cannot be changed after including the script. I‘m not 100% fine with naming and folder organisation, but it works well and we can address breaking changes to v6.

To-do

• Check if there are potential issues with classes, folders etc. If so, changes must be made now and written down in an update-guide.
• Install script
• Write docs how to disable updates if user want to edit parent-theme

@justinkruit @Axos11 what do you think?

Bootstrap color palette to Gutenberg block editor

I propose we add custom Bootstrap palette to be added to the block editor. Ref
If you are using the block editor this is a feature that would help A LOT to keep consistency across your site.

Since we have pre-processing I'm guessing it could be done as in the reference, but since I'm not familiar with the process in here I'd like to hear your opnions before diving in. What are your opinions on this? How should I go about implementing it? Feel free to join in

woocommerce coupon text margin undefined

https://github.com/craftwerkberlin/bootscore-5/blob/c806c4f1f87481b34df6d74ec40a3dcd986db713/woocommerce/css/woocommerce.css#L53

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { margin: }

Firefox last scroll pos

Hi guys,

recently I noticed that the last scroll position is not saved when reloading the page in Firefox. I searched the net but only found posts almost as old as me hehe....

Does anyone know why this happens?

Any chance of a version for devs along the lines of Understrap?

See title?

I think it would be good to be able to customise the Bootstrap CSS, and potentially bundle up Gulp for Sass etc?

Alert notices are landing on offcanvas

There is a small bug in my-account (woocommerce) page. Some alert notices are landing on offcanvas. You can test it when you fill in for example the billing address fields and leave a required field blank. After save, the notices show up on offcanvas.

Issue with 2FA plugin (WooCommerce - form-login.php)

I'm technically using the bootCommerce 5 Child Theme, but the child theme doesn't replace the form-login.php file, so I figured this would be the best place to post about this issue.

After trying to figure out what the issue was, I discovered that the form-login.php file is the issue with trying to log in with the Two Factor Authentication plugin. The 2FA works using the default Twenty Twenty-One theme as well as the Storefront theme from WooCommerce (as well as other themes, but those are the ones I've tried personally).

What's supposed to happen:
When you try to log in after entering your username and password and pressing enter or clicking the login button, the 2FA plugin then inserts an input where you type in your 2FA code. It does this by using jQuery, I believe.

What happens with this theme:
When using bootScore-5/bootCommerce, the 2FA plug is unable to insert the input — there seems to be a page load after hitting the login button, and the error "The one-time password (TFA code) you entered was incorrect" pops up since you're unable to enter the 2FA code. When I remove the bootscore-5/woocommerce/myaccount/form-login.php file and try again, the 2FA process works as it should.

I imagine it wouldn't just be that plugin alone that would break, so fixing the issue would likely be better for overall compatibility with other 3rd party plugins.

Search bar overlapping nav items

Hi,

At about tablet width the search widget moves over the nav items text. Any fix for this please?

Thanks,

Andrew

New GDPR cookie plugin ready to test

https://github.com/bootscore/bs-cookie-settings

Live demo on a client site: https://intelligent-heizen.info

@justinkruit, @Axos11 , @Lo1176 let me know what you think.

Left sidebar on product pages

Hi,
I would like to put a sidebar-search on the left side of the products
Should I add the sidebar before all or is there a better way ?

// content-product.php
<div class="sidebar-class">
	<?php get_sidebar(); ?>
</div>
<div class="col-md-6 col-lg-4 col-xxl-3 mb-5">
	<div <?php wc_product_class('card border-0 mx-sm-4 h-100 d-flex text-end', $product); ?>>

exemple here

Formatting

After working with the CSS thanks to issue #12, I noticed that the entire project uses 4 spaces, instead of the default 2. I also noticed you don't use a code formatter (seen from the ; missing sometimes in the CSS). Are you alright with it if I try to format the entire project? So default 2 spaces, classes sorted, and correct indentation in PHP.

I completely understand if you don't want it, just want to suggest it.

How to override my-account-offcanvas.php in Bootcommerce-Child

Hi Basti,

How to override my-account-offcanvas.php with Bootcommerce-Child?

I tried to copy the file in bootcommerce-child/woocommerce/myaccount/my-account-offcanvas.php but nothing appends.

WooCommerce sub categories not displayed correctly

I am having problems with the formatting of subcategories on category pages. In the category i am setting this field

But the formatting comes out all wrong

https://jonathanh113.sg-host.com/product-category/back-neck/

Off-canvas nav pushed off to side on mobile

Bootscore is an excellent framework! Thank you for this.

Developing a simple site for a client using Bootscore. Issue I'm having is the off-canvas nav is pushed off to the side of the page on mobile.

https://SmileyLogistics.ca

Your help is greatly appreciated!

bootscore_ie_alert() gets cached

I just had the issue on a client site that the function bootscore_ie_alert() output gets actually pagecached if the first user to open the site after a cache clear is a IE User. Also, the function is not triggered if the page is already cached. As caching is very important for the sites speed i would suggest to move that check to an js function or an ajax call to prevent it beeing cached.

Account and cart slide out in demo

Hi,

How can I add the slide out login and cart as per your live site?

Many thanks,

Andrew

Offcanvas 'Remember me' conflicting with form-login.php

Just a small issue I noticed. Since the offcanvas login form and WooCommerce myaccount/form-login.php have the same IDs, we get invalid HTML markup. As well, the remember me checkbox can't be checked by clicking on the "Remember me" label because of the duplicate IDs (it works in the offcanvas form, but not on the my-account login form).

This can be seen on the official bootScore website while logged out: https://bootscore.me/account/

Formatting woocommerce-functions.php

https://github.com/bootscore/bootscore/blob/main/woocommerce/woocommerce-functions.php looks a bit weird after reformatting the whole theme. @justinkruit may you have a look to it?

Missing jquery on new install

After fresh install, select have not bootstrap style, theme.js not loaded

use

wp_enqueue_script('bootscore-script', get_template_directory_uri() . '/js/theme.js', array('jquery'), $modificated_themeJs, true);

Sticky footer (plugin)

Just push footer at bottom :-)

BtScore-Footer-Adjust

my-offcanvas-account separeted offcanvas login and register

Hi!
First of all, I wish you all the best for you and your bootscore theme!

I was thinking of the register page/offcanvas.
Don't you think that it would be less confusing to separate the login from the registration.
That the # offcanvas-user opens a registration offcanvas with a "link"/new_offcanves at the bottom for "already registered users"?

Bootcommerce with wishlists

Hi I have a problem

Maybe someone also uses the following Wishlist plugin for extension: https://woocommerce.com/de-de/products/woocommerce-wishlists/?quid=dec8d2b12240b1d8033cd3658ede87d0

The problem is this. I can't add any products to the wishlist. As soon as I click on the button "add to wishlist" or "create new wishlist", the product is added directly to the shopping cart.

I have also tested the plugin with other themes without any errors. Since I currently have a local website, I can't give you a link to it.

I would be happy if you could give me some help, where I should look in the theme to be able to fix the problem. Maybe you have an idea what the problem could be.

Submenu opened on the right

Hi
I'm trying to change the submenus into .dropend but it doesn't work well ...
Replacing .dropdown by .dropend only change the carrot symbol
I would like to have this kind of sub menu (opened on the right, same size as the main menu) :

But I'm still having a dropdown one.
Should I do this ? 👇

.navbar-nav .dropdown-menu {
    position: absolute;
}
// and start playing with this ...
.dropdown-menu[data-bs-popper] {
    top: 0;
    left: 280px;
    margin-top: 0;
    height: 300px;
}

But the matter with this CSS is when I close the submenu it disappears from the right (that's good)

but it appears under the main link before closing (that's bad).

Any idea ? 🙏

transition-delay on offcanvas-cart loader

Hello Basti,

first of all thanks for you work and nice dev-theme! I really appreceate your work and am currently doing my first project on bootscore-basis. I have on suggestion for the offcanvas cart loader. The add to cart ajax requests on my server are quite fast (<100ms) and therefore it is quite weird to have a 1s delay on the loader transition.

#offcanvas-cart.show .cart-loader {
transition-delay: 1s;
}

I understand, that that delay should prevent any content flashing but wouldn't it be possible to just add another class to the loader (.loaded) after the ajax request returns and remove the delay completely? That should then work all the time and no content should be flashing.

I hope this is the right place for such suggestions. If not then just point me there please :)

I did a little research on an solution to that issue. Here is my suggestion:

I changed
#offcanvas-cart.show .cart-loader {
opacity: 0;
transition: opacity .3s, visibility .3s;
transition-delay: 1s;
visibility: hidden;
}
to
#offcanvas-cart.show.loaded .cart-loader {
opacity: 0;
transition: opacity .1s, visibility .1s;
transition-delay: 0s;
visibility: hidden;
}

and added

$('body').bind('added_to_cart' , function(){
$('#offcanvas-cart').addClass('loaded');
});

$('body').bind('hidden.bs.offcanvas' , function(){
$('#offcanvas-cart').removeClass('loaded');
});

to woocommerce.js

Make Woocommerce variables custom

A comment I made on commit 289c65e:

Is it an idea to create custom variables, that call the Bootstrap variables? So if someone would want to change the colors in their child theme, they just need to change the variable definition.

Either that, or use the fallback in variable calling, so you call a variable that hadn't been made yet, and people can add to change the color easily.

I can write some examples if you want.

I get Function Error on Live Server

Hello
I am getting following error

"Warning: filemtime(): stat failed for /home/customer/www/franchisequickly.com/public_html/wp-content/themes/bootscore-child-main/dist/css/bootstrap.min.css in /home/customer/www/franchisequickly.com/public_html/wp-content/themes/bootscore-child-main/functions.php on line 11"

Here is my Function:
Line 11 and 12 of my function

11 - $modified_bootscoreChildCss = date('YmdHi', filemtime(get_stylesheet_directory() . '/dist/css/bootstrap.min.css'));
12- wp_enqueue_style('bootstrap', get_stylesheet_directory_uri() . '/css/lib/bootstrap.min.css', array('parent-style'), $modified_bootscoreChildCss);

Roadmap for scss files

Since we have source in theme, I'm racking my brain how to merge them all to one single css at the end without disturbing users too much. I'd like to share some thoughts about a clear roadmap.

5.1.3.1

• Move content from style.css to scss files. Done by #33
• Add a new empty _bscore_woocommerce.scss to collect WooCommerce styles. #41
• Inform bootcommerce user that they should add @import "bscore_woocommerce"; to their child https://bootscore.me/blog/bootstrap/bootscore-5-1-3-1/
• Inform users that they should remove @import "fontawesome"; in their child https://bootscore.me/blog/bootstrap/bootscore-5-1-3-1/

5.2.0.0

• Because users added @import "bscore_woocommerce";, we are able to move content from woocommerce-style.css to scss, delete file and remove enqueue snippet in woocommerce-functions.php. One file request less. #82
• Because users removed @import "fontawesome"; in child, we can delete this file. We should move content from fontawesome.min.css to somewhere in the subfolder scss/bootscore/. We can delete file and remove enqueue snippet in functions.php. One file request less. By doing this, we have more control to handle icon-font or inline-svg. Discussed here #46. #160
• Adding a source map #98.

5.2.X.X

This is the hardest step, users have to edit enqueue script in child.

• At best, we set compiled output to style.css. So there is just one minifed css file at the end. Best performance, but hard to handle in child. https://github.com/bootscore/bootscore/tree/compiler-to-style.css
• Better to handle in child. We can rename _bootstrap.min.scss to main.css or whatever. Because file contains now all css, name bootstrap.min.css is not correct anymore and confusing. #99

In conclusion, first collect all css to scss, then move the final file to somewhere else. Similar breaking changes in the past have shown that users will accept them if this serves the purpose and is logical. Think we are addressing around 400 - 600 active maintainers here.

@justinkruit @Axos11 any better suggestions?

Change sidebar widget classes

Hi !

What is the best way to change the classes of the sidebar-1?
I just want to change the bg-light to bg-white instead of doing a css with !important

    // Sidebar
    register_sidebar(array(
      'name'          => esc_html__('Sidebar', 'bootscore'),
      'id'            => 'sidebar-1',
      'description'   => esc_html__('Add widgets here.', 'bootscore'),
      'before_widget' => '<section id="%1$s" class="widget %2$s card card-body mb-4 bg-white border-0">',
      'after_widget'  => '</section>',
      'before_title'  => '<h2 class="widget-title card-title border-bottom py-2">',
      'after_title'   => '</h2>',
    ));
    // Sidebar End

Do I only have to put this "new" code to my chid-theme function.php or is there a better way to do this?

Sorry for this newbie question but I'm still learning the best practice for Wordpress.
Thanks

WP Multisite Support?

I'm very interested in this theme, but I need one that works well on WordPress multisite. I don't find any clear answer in docs or promo information on the website, but I would suggest that point would be useful to add.

Update to Font Awesome 6, switch to Bootstrap Icons or inline-svg?

Font Awesome 6 is already in Beta3. Classes for icons has nothing to do with current installed Font Awesome 5 anymore.

This seems to be the right point to think about to switch to Bootstrap Icons instead update to FA6. Because classes changed and we must change them anyway.

• Bootstrap Icons are lightweight, more than the half zipped size compared to FA.
• Both fonts (FA free) has 1500 + Icons
• After more than 10 years of using FA, BI can bring a fresh, new look.
• We can create a FA5 plugin for fall back if user want to use this.

Font Awesome	Bootstrap Icons
bootscore-main.zip: 2,1 MB	bootscore-main.zip: 851 KB

Icons are used in

• header.php (search, user, cart, nav-toggler)
• footer.php (to-top button)
• functions.php (Breadcrumb)
• searchform.php (search button)
• inc/template-tags.php (comment-link, comments-count)
• css/scss/bootscore/_alerts.scss
• woocommerce/product-searchform.php (search button)
• woocommerce/cart/cart.php (trash icon)
• woocommerce/cart/mini-cart.php (trash icon)

In my opinion, Font Awesome has more visual power.

How to add navbar-text?

Hi! Thank you for this amazing theme!
Could you help me add navbar-text to navbar near the brand-name.

In navbar-text will be blog description.

Thank you!

E.

Problem with adding logo

Hey! I just started using bootscore a while ago.

I have weird problem, because my logo in svg does not want to appear on the screen, I have tried multiple ways, but it i can't make it work.
my header.php code:

  <div class="text-uppercase">

    <nav id="nav-main" class="navbar navbar-expand-lg navbar-dark" style="background:transparent;">

      <div class="container">

        <!-- Navbar Brand -->
        <a class="navbar-brand" href="<?php echo esc_url(home_url()); ?>"><img src="<?php echo esc_url(get_stylesheet_directory_uri()); ?>/img/logo/askay-logo.svg" alt="logo"></a>

.est 2021

How to change amount of posts in categories per pagination

Hello my friend;

pagination doesn’t work when i click on categories. I didn’t make any changes. Is this an error? The number of posts to be displayed is set to 5. It works in searches and on the homepage. but when I click on categories it doesn’t paginate. It shows all the posts.

I see that on your site as well :)

WooCommerce quantity input - + buttons

I am trying to change the appearance of the arrows for the amount of product.
I have added a few lines of HTML to quantity-input.php and a small Javascript function. And because of these additions I had to break something in your code.

        <div class="input-group-prepend">
          <button id="btn-minus" class="btn btn-outline-primary">
            < 
          </button>
        </div>
        <input type="number" id="<?php echo esc_attr($input_id); ?>" class="input-text qty text form-control ms-auto ms-lg-0" step="<?php echo esc_attr($step); ?>" min="<?php echo esc_attr($min_value); ?>" max="<?php echo esc_attr(0 < $max_value ? $max_value : ''); ?>" name="<?php echo esc_attr($input_name); ?>" value="<?php echo esc_attr($input_value); ?>" title="<?php echo esc_attr_x('Qty', 'Product quantity input tooltip', 'woocommerce'); ?>" size="4" placeholder="<?php echo esc_attr($placeholder); ?>" inputmode="<?php echo esc_attr($inputmode); ?>" />
        <div class="input-group-append">
          <button id="btn-plus" class="btn btn-outline-primary">
            >
          </button>
        </div>
      </div>```

and JS:

```// function to add arrows around Qty

  $("#btn-plus, #btn-minus").on("click", function (e) {
      const isNegative = $(e.target).closest("#btn-minus").is("#btn-minus");
      const input = $(e.target).closest(".inline-group").find("input");
      if (input.is("input")) {
        input[0][isNegative ? "stepDown" : "stepUp"]();
      }
  });

1. On the page content-single-product :
   https://www2.maison-chateau-laguiole.fr/boutique/jaune/
   my problem is that when I increment or decrement with these new arrows (left and right of the Qty input) it adds directly to the cart (without pressing "add to cart").
   Example: if I select 4 it adds 4 automatically, if I go back to 2 I have 2 more in the basket! This is obviously not the type of behavior I want to have. And the curious thing is it display a bootstrap alert instead of open the basket box on the right.

2. On the basket page
   https://www2.maison-chateau-laguiole.fr/panier/
   
   I can't change my quantities with these new arrows. It's stick on the original number of Qty.

Of course everything works with the old method (the little arrows in the Qty input box) but it's not what I want...

Would you have an idea ? 🙏

ios safari bug

Off canvas on mobile menu closes by ios safari

Offcanvas widget

Hello I am new to using the theme and I am trying to replicate a feature the main bootscore site has.

I understand how the "Top Nav" Section works but when you are in mobile view and open up the menu you can see the two buttons on that extended nav bar. How do I do that? Is that something custom coded in and if so it should really be mentioned because its a very useful feature I'd like added to my site.

Including Bootstrap source files in theme

The idea behind is that users can edit and compile their own Bootstrap on the fly directly in theme and child-themes without using Gulp, commands or other technical stuff. That would make the VSCode compiler template obsolete and would encourage users to edit Bootstrap by simple variables instead of using CSS overrides. This has no effect on existing theme installations because the folder structure is not changed. So it can be updated without hesitation.

Adding Source

Parent-theme

• New folder /bootstrap/scss/. Here is Bootstrap source.
• New file /css/lib/bootstrap.min.scss to edit variables. File fetches ../../bootstrap/scss/bootstrap.scss.

bootscore-main
|- css
  |- lib
    |- bootstrap.min.css
    |- bootstrap.min.scss (file with sample variables to edit, fetches bootstrap.scss)
|- bootstrap
  |- scss
    |- _files.scss
    |- bootstrap.scss

Child-themes

• Dequeues parents's bootstrap.min.css by default
• Enqueues own bootstrap.min.css by default
• New file bootstrap.min.scss to edit variables. File fetches ../../../bootscore-main/bootstrap/scss/bootstrap.scss from parent.

bootscore-child-main / bootscommerce-child-main
|- css
  |- lib
    |- bootstrap.min.css
    |- bootstrap.min.scss (file with sample variables to edit, fetches bootstrap.scss from parent-theme)

Compiler

WordPress Plugin

There are many Sass compiler plugins out there. Best result I got with this https://de.wordpress.org/plugins/happy-scss-compiler/. It compiles automatically when one of the scss files changed. Settings are simple. Using a plugin allows user to remove compiler plugin when finished development.

Including a compiler script in the theme

Instead of a WP plugin we can include a compiler script like this https://github.com/scssphp/scssphp in the theme. This will be more user friendly, but we have to maintain one more thing.

Update

When new Bootstrap version arrives, only folder /scss/ in parent must be replaced by new one. Then simply recompile, and Bootstrap is updated to latest version as well. In child-theme(s) the same, just recompile.

Conclusion

This is just a rough sketch to get started. Folder structure etc. can be made better. We could also include fontawesome.css and style.css directly in the bootstrap, then only one single CSS file is loaded at the end.

@justinkruit What do you think?

Content hidden under navbar

Hi, I have a problem with content being covered by navbar? Have set logo to 70px but still occurs on some pages. If add margin-top to content fixes it but wondering why that might happen? Am using wp job manager plugin, could be related to their forms I guess. Anyway, any help would be much appreciated.

Thanks,

Andrew

Fatal error in checkout

Fatal error: Uncaught Error: Call to undefined function bootscore_wc_get_corrected_terms() in /home/osmarsol/public_html/wp-content/themes/bootscore-main/woocommerce/checkout/terms.php:14 Stack trace: #0 /home/osmarsol/public_html/wp-content/plugins/woocommerce/includes/wc-core-functions.php(345): include() #1 /home/osmarsol/public_html/wp-content/themes/bootscore-main/woocommerce/checkout/payment.php(49): wc_get_template('checkout/terms....') #2 /home/osmarsol/public_html/wp-content/plugins/woocommerce/includes/wc-core-functions.php(345): include('/home/osmarsol/...') #3 /home/osmarsol/public_html/wp-content/plugins/woocommerce/includes/wc-template-functions.php(2337): wc_get_template('checkout/paymen...', Array) #4 /home/osmarsol/public_html/wp-includes/class-wp-hook.php(303): woocommerce_checkout_payment('') #5 /home/osmarsol/public_html/wp-includes/class-wp-hook.php(327): WP_Hook->apply_filters(NULL, Array) #6 /home/osmarsol/public_html/wp-includes/plugin.php(470): WP_Hook->do_action(Array) #7 /home/osmarsol/public_ht in /home/osmarsol/public_html/wp-content/themes/bootscore-main/woocommerce/checkout/terms.php on line 14

Google Meta doens't show up + wrong favicon

Hi Basti!

First time at github but I have a question about the google meta. I use the plugin Yoast and this always works. But now with searching for villamila google displays only the url (not any meta/snippet). And also the wrong favicon. I changed the favicon pictures in the child theme and also with the customizer. On the website it displays it good. But in the search engine (google) it displays the bootscore favicon.

www.villamila.nl

Safari scroll fix causes weird behaviour

this few lines of code let the browser scroll up to the top on every pageload (if I open a product page from a category page and then hit the back button (category page > product page > category page) then the page is loaded with the correct position and the .js lines let the position jump up and then down again. It's also possible to replicate the issue with just using F5 on a scrolled category page in chrome.

if (window.location.hash) scroll(0, 0); setTimeout(function () { scroll(0, 0); }, 1);

As i don't really understand the issue the lines should fix I'm not sure how to fix them (I mean without removing the lines totally :))

WooCommerce quantity input - + buttons on content-product.php

Hi!
I would like to add the Quantity arrows section directly on content-product.php next to the add to cart button.
How can I do this?

here

bootstrap_5_wp_nav_menu_walker

do not work sub menu in depth 3.
what's the solution?

scssphp won't compile anymore

Hi Basti.

So I'm local.
PHP 8.0.11

It worked fine at first. But, I can't figure out why scssphp doesn't compile my bootstrap.min.css anymore.

To understand better, I tried a fresh install with a new WordPress and added the latest versions of bootscore-main and bootcommerce-child from your Github.
bootcommerce-child is compiled in bootstrap.min.css but not in bootscore-main.
So I still have this problem:
Warning: filemtime(): stat failed for .../scssbootstrap/wp-content/themes/bootscore-main/css/lib/bootstrap.min.css in .../scssbootstrap/wp-content/themes/bootscore-main/functions.php on line 249
So it looks for the bootstrap.min.css file in the parent folder, but there is none.

=> The problem was never delete your bootstrap.min.css in your Parent Theme. And active first the Parent Theme. Because when you have you Child Theme scssphp seems to stop compiling the parent's one

=> If you deleted it like I did. Unactive the Child Theme and make a change in a scss file to force the scssphp to compile a new boostrap.min.css in the parent folder. Then active your Child Theme again.

Write docs for dev mode

Force scss compile when environment is development #39

When wp_get_environment_type() returns that it is in development mode, either from reading the define in the wp-config.php or from reading the getenv, the scss will always be compiled, no matter if changes have been made.
To set the environment to development, add the following line to your wp-config.php
define('WP_ENVIRONMENT_TYPE', 'development');

• Docs for recompile
• Docs for source map

BTW @justinkruit this is an amazing feature 🙏

500 server error

I am working on my clients website. When I activate either bootscore-main or the bootscore child I created I get a 500 server error (see screenshot). If I activate a different wordpress theme eg TwentyTwentyOne there is no error.

When I activate the theme on my own server dev site there is no error.
Does anyone know if there are some server settings or something that would cause this to happen.
Thanks in advance.

Typo in home.php

home.php line:103 <?php if(is_sticky()) continue; //ignore sticy posts?>
supose to be 'sticky' rather then 'sticy' in the comment

Accessibility issues - WAVE

Hi,

first of all thanks very much for providing this! I was really happy when I discovered your starter theme! 🙏

I ran quick check with https://wave.webaim.org/, there seem to be some accessibility issues, e.g. in the navigation. I checked the sub page https://bootscore.me/theme/page-sidebar-left/ just quickly.

Other good a11y test tools:

• Axe
• https://accessibilityinsights.io/en/downloads/

Just wanted to let you know.

Looking forward to use bootscore for some projects! Happy to help as well with accessibility issues (to the best of my knowledge/abilities ;-))

Cheers,
Matthias