Really good theme! Very powerful with the layouts and modules but I have a couple of questions
Couple things:
1) Are you using Bootstrap 3 or 4?
2) Is there an easier way to modify the navbar using gearbox than using class suffix? If not, what is the syntax for custom background-color: ? I can't get it to work using style=background-color: #f8f8f8 for example but when I use bg-primary it works. (where can I change primary color? is that the "button" color within theme?)
Example. navbar-light navbar-default works, but navbar-default-bg-red or background-color: #f8f8f8 does not work. How do I change the menu (navbar) colors without editing the CSS?
I did read an earlier post that said to create a customer Default2_custom.css file and it will load that if present. There is a dead link to a reference in that post. However, where is the normal CSS file for navbar AND where would i put the custom CSS file?
3) Any chance you're going to include new modules for Gearbox like a revolution slider that allows people to layer images on top of each other..ie: background, then element 1 is image x and you can add a transition, (like a animation class, animating easing, animation speed, animation delay, etc...)
Really like the revolution slider that ThemeGlobal puts in their free themese like Kingstore and ThemeGlobalLite.
4) I also noticed that the theme styling for "Buttons" doesn't work. I've set primary button and add to cart button to #e04173 and saved and made sure that is active and it still shows the default blue.
Again, great theme would appreciate being able to solve these issues though.
Cheers,
Jason
Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html
You can specify different css for a site in the themes > your store > custom style tab
In the gearbox menu, make the Class Suffix navbar-inverse on the configuration tab.
Then in the custom style tab, add
Code: Select all
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {background-color: #2e61a9; border-color: #222; }
You can also modify other things like padding, font size, etc. For example, my custom style tab for gothicplus (dot) com looks like:
Code: Select all
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {background-color: #2e61a9; border-color: #222; }
.navbar .navbar-nav > li > a {
font-size: 14px;
color: #ffffff;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
Running Opencart v3.0.3.2 with multi-stores and the default template from https://www.labeshops.com which has links to all my stores.
Thanks for replying. You're solution for custom CSS in the custom style tab was the perfect answer (made me feel silly forgetting about that custom style tab)
However, I still can't get the button or other style changes in the Theme->Styling section to work. Yes I've cleared and reloaded modifications, flushed the browser cache...nothing. Still stays default blue..
Also, wondering if you'd mind sharing some of your cool gothicplus (dot) com design styles. I like how you changed the search and cart button colors on your home screen along with your "free shipping" across the top is that the "aplha" in the theme page layout? I noticed your "add to cart" is green and your search and your quick-carton button are red though...did you use a custom style tab or the Theme->styling for those?
----Edit---
Yep, it is alpha in layout...so I implemented a similar thing
Very powerful theme!!
------------
Your subscribe to your newsletter is cool too.
Cheers,
J.
Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html
The subscribe/connect section is the footer ribbon position. Yes, I love this theme too The extra positions are very handy - combined with the html module, you can really do anything you want anywhere you want it. Glad you figured out it is alpha In version 1.5 of the stores, I manually coded a bar like that - here just used alpha. So much easier.
Not sure why the styling section colors isn't working for you - it works fine for me and I've set all the colors there. Qahar may have to figure that one out for you. Make sure you do have the # in front of the color code (and only 1 of them - I accidentally copied/pasted a color once and had ## that didn't work).
I set the color for all the buttons in that section. Primary button controls things like the header buttons and footer ribbon color and the add to cart section controls those buttons. I did modify the checkout templates to resize the buttons there a bit (love the way the theme uses child themes) - I copied the default button css and made it default2 and added some padding to it and changed the font size so it would stand out a bit more - again using the custom styles tab.
(only caveat is to be careful when you update the theme as right now the custom styles tab gets blanked when you do - I keep a copy of the code in a notepad++ file now that I have them all done again after I updated). I believe Qahar is working on that to make sure gearbox updates don't reset all that.)
Running Opencart v3.0.3.2 with multi-stores and the default template from https://www.labeshops.com which has links to all my stores.
Yeah I've checked and double checked the style sheet and nope only have one #. Not really sure why it's not working for me. I'm using OC 2.3.0.2 BTW but who knows.
Yeah I'm using the HTML module and putting almost anything in there I'm really going to have explore child themes to make sure I take advantage of the power of them.
When you say you copied the default button CSS and made it default2...do you mean you did it all within the custom styles tab? That's what i've don to make my add to cart button work, but not sure what you refer to when you say "made it default 2".
Cheers and thanks again for your help!
J.
Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html
Might be because 2.3 - I'm using 2.2 so perhaps that is the difference.
Running Opencart v3.0.3.2 with multi-stores and the default template from https://www.labeshops.com which has links to all my stores.
To check the output css, you can find the file at catalog/view/theme/default2/style/build/theme-preset-xxx.min.css, where x is the preset_id. If you not sure use view-source in front site to search this file then open.gerrity wrote:However, I still can't get the button or other style changes in the Theme->Styling section to work. Yes I've cleared and reloaded modifications, flushed the browser cache...nothing. Still stays default blue..
You can search directly or use code beautifier and find the color you input in Admin > Styling tab.
You should be able to find it, if not then there is possible issue.
Try to reupload catalog\view\theme\default2\style\less\theme-preset.less incase it's corrupt.
For customizing, indeed you need to use the Custom Style Tab.
default2 use Bootstrap 3 same as default OpenCart.gerrity wrote:Are you using Bootstrap 3 or 4?
Update to bootstrap 4 is bit unwise because bootstrap css stricture is tightly coupled with all OpenCart template.
Currently I already finishing total 9 modules for Gearbox, and one still in progress. Layered slideshow is one of them.gerrity wrote:Any chance you're going to include new modules for Gearbox.
But all of this module is a package for my commercial theme plan.
Two of them purposely released with the default2 (product and navigation) to gather feedback
Currently still looking for designer for the commercial theme or just end up releasing default2 pro with main difference in more theme options and full Gearbox package.
Thanks for replying and of course thanks to @labelshop for all your help.
I did check out the theme-preset-1 (in my case).min.css and it shows the custom color I entered into the Styling option. but it does not load it. Still loads default blue.qahar wrote: To check the output css, you can find the file at catalog/view/theme/default2/style/build/theme-preset-xxx.min.css, where x is the preset_id. If you not sure use view-source in front site to search this file then open.
You can search directly or use code beautifier and find the color you input in Admin > Styling tab.
You should be able to find it, if not then there is possible issue.
Try to reupload catalog\view\theme\default2\style\less\theme-preset.less incase it's corrupt.
I've reloaded the theme-preset-less also without any affect.
My theme-preset-1.min.css is:
Code: Select all
@package default2 Theme
* @author EchoThemes, http://www.echothemes.com
* @copyright Copyright (c) 2016, EchoThemes
* @license GPLv3 or later, http://www.gnu.org/licenses/gpl-3.0.html
*/@import "bootstrap/mixins/buttons.less";body{color:#383838;font-size:14px;font-family:'Droid Sans', Arial, sans-serif;line-height:22.4px;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Lato', Arial, sans-serif;}thead th,thead td{font-family:'Lato', Arial, sans-serif;}dd,dt,ul{line-height:24.5px;}a{color:#4365e0;}a:focus,a:hover{color:#1e40b8;}.link-contrast a{color:#f4f4f4;}.link-contrast a:focus,.link-contrast a:hover{color:#6f89e7;}@media (min-width: 768px){.container{width:100%;}}@media (min-width: 992px){.container{width:970px;}}@media (min-width: 1200px){.container{width:1100px;}}@media (min-width: 768px){.layout-boxed:not(.blank-mode) .layout-wrapper,.layout-framed:not(.blank-mode) .layout-wrapper{width:100%;}}@media (min-width: 992px){.layout-boxed:not(.blank-mode) .layout-wrapper,.layout-framed:not(.blank-mode) .layout-wrapper{width:970px;}}@media (min-width: 1200px){.layout-boxed:not(.blank-mode) .layout-wrapper,.layout-framed:not(.blank-mode) .layout-wrapper{width:1100px;}}.megamenu-header{font-family:'Lato', Arial, sans-serif;}#position-footer-ribbon{background:#2e61a9;}.nav a,.dropdown-menu>li> a,.dropdown-menu>li> a,.dropdown-megamenu .megamenu-item li> a,.dropdown-megamenu .megamenu-item li> a,.list-group a,.product-thumb h4 a{color:#383838;}.nav a:focus,.nav a:hover,.dropdown-menu>li> a:focus,.dropdown-menu>li> a:hover,.dropdown-menu>li> a:focus,.dropdown-menu>li> a:hover,.dropdown-megamenu .megamenu-item li> a:focus,.dropdown-megamenu .megamenu-item li> a:hover,.dropdown-megamenu .megamenu-item li> a:focus,.dropdown-megamenu .megamenu-item li> a:hover,.list-group a:focus,.list-group a:hover,.product-thumb h4 a:focus,.product-thumb h4 a:hover{color:#1e40b8;}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{color:#fff;background-color:#2e61a9;border-color:#2e61a9;}
Now, if I do put the .btn-primary css in the custom css tab as:
Code: Select all
.btn-primary {
color: #fff;
background-color: #2e61a9;
border-color: #851022;
}
Then it works and changes the button colors.
Well that's unfortunate timing as I just purchased a separate layered slider and it would have been nice to just purchase the Pro version of this theme that includes that. Didn't know it was an option to purchase Pro (which it sounds like isn't an option yet).qahar wrote: Currently I already finishing total 9 modules for Gearbox, and one still in progress. Layered slideshow is one of them.
But all of this module is a package for my commercial theme plan.
Two of them purposely released with the default2 (product and navigation) to gather feedback
Currently still looking for designer for the commercial theme or just end up releasing default2 pro with main difference in more theme options and full Gearbox package.
Let me know if you want testers of your Pro version and I'll lend you a hand...
Cheers,
J.
Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html
Furthermore theme-preset-x.min.css shouldn't output @import
Try to reupload library/rhythm and theme-preset.less incase there is corrupt file.
Thanks I tried upload both those files again and I get the same results.Something wrong with your theme-preset.less files because I cannot found .btn-primary at theme-preset-1.min.css
Furthermore theme-preset-x.min.css shouldn't output @import
Try to reupload library/rhythm and theme-preset.less incase there is corrupt file.
I'll keep looking.
Questio, does anyone know a way to have a menu bar with menu items on the left then spaces and more drop-downs on the far right? like the attached image:
**RESOLVED** use the class suffix navbar-right in gearbox for the menu item.
Thanks
J.
Attachments
sample.jpg (20.51 KiB) Viewed 11456 times
Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html
I've deleted and re-uploaded the theme-preset.less file along with deleted everything in my build directory and created a new preset, changed the colors saved and activated it and I still get the same issue.
the theme-present-x.css is still creating the @import
Code: Select all
@import "bootstrap/mixins/buttons.less";
J.
Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html
Just wodnering, open catalog\view\theme\default2\style\less\theme-preset.less do you found .btn-primary around line 77?
Yes I find .btn-primary at line 77 of theme-preset.less
I've deleted theme-preset-x.css and saved again from admin with same affect.
I'll keep looking. Next step is a completely clean and reinstalled OpenCart 2.3.02 and then just your Default 2 theme.
---Update---
I've done a fresh install of OC 2.3.0.2 and only added Default 2 theme. Same issues happen and theme-preset-1.min.css still has
Code: Select all
@import "bootstrap/mixins/buttons.less"
Regards,
J.
Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html
I've discovered a new issue. That is that in OC 2.3.0.2 the Option Style "Image" is no longer needed as images can be added to Radio and Checkbox option styles. However, with Default 2, the image for Radio and Checkbox is not displayed.
Meaning the img tag is not getting added to the option style tag.
This problem only exists if you use a custom theme such as Default 2. If I use a vanilla default theme, the images appear fo those options.
ie: Vanila
Code: Select all
<div id="input-option227">
<div class="radio">
<label>
<input name="option[227]" value="17" type="radio">
<img src="http://xxx.xxxx.com/image/cache/catalog/Store/greendot-50x50.jpg" alt="Green" class="img-thumbnail">
Green </label>
</div>
</div>
Code: Select all
<div id="input-option230">
<div class="radio">
<label>
<input name="option[230]" value="31" type="radio">
Red </label>
</div>
<div class="radio">
<label>
<input name="option[230]" value="30" type="radio">
Blue </label>
</div>
</div>
Cheers,
J.
Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html
Unfortunately that I cannot reproduce this issue so I don't have any idea what cause this.gerrity wrote:I've done a fresh install of OC 2.3.0.2 and only added Default 2 theme. Same issues happen and theme-preset-1.min.css still hasin it and no .btn-primary.Code: Select all
@import "bootstrap/mixins/buttons.less"
Have you try to redownload the default2 and use it?
Thank you for reporting the issue, I will fix this on next release.gerrity wrote:I've discovered a new issue. That is that in OC 2.3.0.2 the Option Style "Image" is no longer needed as images can be added to Radio and Checkbox option styles. However, with Default 2, the image for Radio and Checkbox is not displayed.
Again, love the theme. My new question is how to adapt an extension I purchased, but it was for a different theme.
So, I've been reading up on your framework and the concept that you used in building Default 2 to allow moving of extensions...ie: you state if it worked in default theme it will work in Default 2.
So, what is the best way that you recommend to make my extension work in Default 2? (it was written using a different theme (Themeglobal)). Should I get my extension working in default theme first and then will it automatically work in Default 2 or should I mod files within default 2?
I can modify the OCMOD XML files and I know it's making changes to the following files (and a bunch more):
catalog/view/theme/*/template/common/footer.tpl
catalog/view/theme/*/template/common/cart.tpl
...etc...
Which directory do I apply those changes to the files in your Default 2 theme? ie: if I want to change the file template/checkout/cart.php do I change /catalog/view/theme/default2/template/checkout/cart.tpl ?
OK, I'm learning more about OC and the OCMod system. I know that OCMod via XMLS files create modifications of the core files and (upon clicking modifications->refresh) builds those files in the system/modification folder. However, my question really is where are the files listed in my "PS" section below located in the Default 2 theme so that I can edit the OCMOD XML files properly to mod the appropriate files I need?
Thanks,
J.
More specifically, the files the extension I'd like to convert into Default 2 theme touches the following files:
catalog/view/theme/*/template/common/footer.tpl
catalog/view/theme/*/template/common/cart.tpl
catalog/view/theme/*/template/checkout/cart.tpl
catalog/view/theme/*/template/product/product.tpl
system/library/cart/tax.php
system/library/cart/cart.php
admin/view/template/catalog/option_form.tpl
admin/view/template/catalog/product_form.tpl
catalog/controller/checkout/cart.php
admin/controller/catalog/option.php
admin/model/catalog/product.php
admin/controller/catalog/product.php
admin/model/catalog/product.php
admin/view/*/catalog/product_form.tpl
catalog/controller/product/product.php
catalog/model/catalog/product.php
Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html
Yes, if ext work with default theme 90% it will work for default2. While another 10% will be css styling issue which is easy to fix. Make the extension work with default theme is the best step.gerrity wrote:My new question is how to adapt an extension I purchased, but it was for a different theme.
So, I've been reading up on your framework and the concept that you used in building Default 2 to allow moving of extensions...ie: you state if it worked in default theme it will work in Default 2.
So, what is the best way that you recommend to make my extension work in Default 2? (it was written using a different theme (Themeglobal)). Should I get my extension working in default theme first and then will it automatically work in Default 2 or should I mod files within default 2?
Main different between OcMod and vQmod is that OcMod is stored in database. Which mean you cannot modify them like vQmod that based on files. The only option to change default2 modification is to modify the file you get from default2 download and upload them to modification. But you will need to keep repeating the modification in future when default2 is updated.gerrity wrote:Which directory do I apply those changes to the files in your Default 2 theme? ie: if I want to change the file template/checkout/cart.php do I change /catalog/view/theme/default2/template/checkout/cart.tpl ?
OK, I'm learning more about OC and the OCMod system. I know that OCMod via XMLS files create modifications of the core files and (upon clicking modifications->refresh) builds those files in the system/modification folder. However, my question really is where are the files listed in my "PS" section below located in the Default 2 theme so that I can edit the OCMOD XML files properly to mod the appropriate files I need?
FYI, default2 doesn't have OcMod, Rhythm Framework does.
Before you modify OcMod, let me clarify that all files you listed is not related to Rhythm Framework OcMod. So instead of modify the OcMod, it's better for you to create your own modification.
The only file related to default2 is theme file at catalog theme folder. And you have two option to modify it:
1. Use Rhythm Framework native Template Child features. With this you have freedom to modify without worry it will lost when the theme is update.
2. Use OcMod to modify this files.
If you decide to use the 2nd option in the OcMod script I suggest you to use
Code: Select all
<file path="catalog/view/theme/*/{template,template_child}/common/footer.tpl">
...
</file>
I'll go the route of the template_child.
Looking forward to the next release with the fixed images in the radio and checkbox option styles.
Keep up the great work!
Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html
* Fixed
^ Improvement
+ New Feature
~ Deprecated
# New Feature - Feedback Expected
=== v2.3.1
^ Separating default and custom preset
^ Ajax for specific templates
^ Update Rhythm Framework 1.3.1
^ Update Gearbox Modules 1.3.1
* Fix Events updates OC 2.3.x compatible
* Fix product options image
* Fix generated preset css
Will update and post any feedback.
Keep up the great work!!
Cheers,
J.
-------Update--------
Ok update installed perfectly. It certainly did fix the image option issue as well as my css problem I was having with the buttons..
I did notice that it left the old extensions enabled within the modifications...so it looks like you have two verions of each (current and previous). I disabled my pervious 1.3.0 versions.
All looks good so far. Nice work and thank you!!!
Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html
Users browsing this forum: No registered users and 28 guests