ZCA Bootstrap 4 Template [Support Thread]

[dbltoe]

I could swear I typed in the site_

[nicksab]

Rename/copy dist_specific_styles.php to site_specific_styles.php.

I tried that already as per instructions.

Renamed it to royal_specific_styles.php.

I gave up on using the .php file for now and created a royal_stylesheet.css instead

Thanks for your help.

[nicksab]

Apart from my stylesheet issue, i have another problems.

The "starting at " is shown twice on my product page. ( see screenshot)



I am not sure if it is template related or not but i would like to remove the bottom one ( "starting at " above the add to cart button)

I tried to search the thread for product_info or starting but came up empty

Thank you for your help on this

[gsh68]

^ I wanted to do the same for my site but unfortunately on non-attribute products the bottom card is default so can't be removed.
To remove the top "starting at" I added the following to stylesheet.css

#productsPriceTop-card {
display:none;
}

[lat9]

I've just submitted v1.0.3 of the Bootstrap-4 template's customization for One Page Checkout; I'll post back here when it's available for download.

This release corrects the presence of an unclickable radio-button when there's only one payment method available for an order (#7).

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

[nicksab]

^ I wanted to do the same for my site but unfortunately on non-attribute products the bottom card is default so can't be removed.
To remove the top "starting at" I added the following to stylesheet.css

#productsPriceTop-card {
display:none;
}

Thanks for the suggestion

[nicksab]

Can anyone recommend a flexible footer that would work with this template?

I tried the flexible footer muti found here https://www.zen-cart.com/downloads.php?do=file&id=1957 but it really buggy.

I like how it work though so if anyone could suggest an alternative, that would be awesome.

Thank you

[swguy]

Bootstrap + OPC - includes/templates/bootstrap/common/tpl_offcanvas_menu.php pulls in sideboxes/information.php on line 97, but before $column_box_default is set, which causes a white screen:

#1 require() called at [/Users/scott/Sites/mystore/includes/modules/sideboxes/bootstrap/information.php:61]
#2 require(/Users/scott/Sites/mystore/includes/modules/sideboxes/bootstrap/information.php) called at [/Users/scott/Sites/shroom/includes/templates/bootstrap/common/tpl_offcanvas_menu.php:97]
#3 require(/Users/scott/Sites/mystore/includes/templates/bootstrap/common/tpl_offcanvas_menu.php) called at [/Users/scott/Sites/shroom/includes/templates/bootstrap/common/tpl_header.php:61]
#4 require(/Users/scott/Sites/mystore/includes/templates/bootstrap/common/tpl_header.php) called at [/Users/scott/Sites/shroom/includes/templates/bootstrap/common/tpl_main_page.php:122]
#5 require(/Users/scott/Sites/mystore/includes/templates/bootstrap/common/tpl_main_page.php) called at [/Users/scott/Sites/shroom/index.php:94]
--> PHP Warning: require(/Users/scott/Sites/mystore/includes/templates/bootstrap/common): failed to open stream: No such file or directory in /Users/scott/Sites/shroom/includes/modules/sideboxes/bootstrap/information.php on line 61.

[swguy]

hmmmm.... I may not have yet installed the OPC fixes for Bootstrap; likely a false alarm.

[nicksab]

Hello all,

I need help creating a bootstrap menu dropdown for this template.

So far i edited my tpl_header.php file and added the following code:

<div style="text-align:center;"class="dropdown">

	  <div class="btn-group">
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Shop</button>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="#">Tablet</a>
      <a class="dropdown-item" href="#">Smartphone</a>
    </div>
	</div>

so far so as it is populating dropdown menu , however,, i am trying to achieve the following where:

Shop (dropdown menu that would display active category)
-> category 1
->category 2
->category 3....

I was using mega menu on my previous template and was hoping to achieve the same using bootstrap.

Mega-menu uses the following code if it helps:

 <li class="categories-li"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" class="drop"><?php echo HEADER_TITLE_CATEGORIES; ?></a><!-- bof cateories    -->
     
            <div class="dropdown_1column">
                <div class="col_1 firstcolumn">
                   <div class="levels">
                       <?php

 // load the UL-generator class and produce the menu list dynamically from there
 require_once (DIR_WS_CLASSES . 'categories_ul_generator.php');
 $zen_CategoriesUL = new zen_categories_ul_generator;
 $menulist = $zen_CategoriesUL->buildTree(true);
 $menulist = str_replace('"level4"','"level5"',$menulist);
 $menulist = str_replace('"level3"','"level4"',$menulist);
 $menulist = str_replace('"level2"','"level3"',$menulist);
 $menulist = str_replace('"level1"','"level2"',$menulist);
 $menulist = str_replace('<li class="submenu">','<li class="submenu">',$menulist);
 $menulist = str_replace("</li>\n</ul>\n</li>\n</ul>\n","</li>\n</ul>\n",$menulist);
 echo $menulist;
?>                        
                   </div>   
                </div>
               </div>
        </li><!-- eof categories  -->

I would like a drop down menu that would display all my categories if possible and makes sense.

Additionally, how can hide these dropdown menu on mobile and tablet. I want these menu only on desktop.