Post by gerrity » Mon Oct 17, 2016 7:36 pm

Hello,

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


New member

Posts

Joined
Sun Oct 02, 2016 3:01 am

Post by labeshops » Tue Oct 18, 2016 6:07 am

Did you clear and reload modifications after you made your changes? All the above that you say don't work works fine for me.

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; }
changing the color to whatever you want it to be. Clear and reload modifications.

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.


User avatar
Expert Member

Posts

Joined
Thu Aug 04, 2011 4:41 am
Location - Florida, USA

Post by gerrity » Tue Oct 18, 2016 8:09 pm

Hi labeshops,

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) :D

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


New member

Posts

Joined
Sun Oct 02, 2016 3:01 am

Post by labeshops » Tue Oct 18, 2016 10:26 pm

Thanks. Always a work in progress though gothicplus is my most complete store right now.

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.


User avatar
Expert Member

Posts

Joined
Thu Aug 04, 2011 4:41 am
Location - Florida, USA

Post by gerrity » Wed Oct 19, 2016 12:25 am

Hi Again,

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


New member

Posts

Joined
Sun Oct 02, 2016 3:01 am

Post by labeshops » Wed Oct 19, 2016 1:41 am

Yes, I added it to the custom styles tab.

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.


User avatar
Expert Member

Posts

Joined
Thu Aug 04, 2011 4:41 am
Location - Florida, USA

Post by qahar » Wed Oct 19, 2016 10:45 pm

Sorry for the late, @labelshop thank for the help.
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..
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.

For customizing, indeed you need to use the Custom Style Tab.
gerrity wrote:Are you using Bootstrap 3 or 4?
default2 use Bootstrap 3 same as default OpenCart.
Update to bootstrap 4 is bit unwise because bootstrap css stricture is tightly coupled with all OpenCart template.
gerrity wrote:Any chance you're going to include new modules for Gearbox.
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.

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by gerrity » Wed Oct 19, 2016 11:33 pm

Hi qahar,

Thanks for replying and of course thanks to @labelshop for all your help.

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 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.

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;}
And you can see the last lines showing #2e61a9 (which is my custom color). However, doesn't change button colors.

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.
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.
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).

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


New member

Posts

Joined
Sun Oct 02, 2016 3:01 am

Post by qahar » Thu Oct 20, 2016 3:20 am

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.

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by gerrity » Sat Oct 22, 2016 8:39 pm

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.
Thanks I tried upload both those files again and I get the same results.

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

sample.jpg (20.51 KiB) Viewed 11362 times

Last edited by gerrity on Sat Oct 22, 2016 9:05 pm, edited 1 time in total.

Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html


New member

Posts

Joined
Sun Oct 02, 2016 3:01 am

Post by gerrity » Sat Oct 22, 2016 8:55 pm

Hey @qahar,

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";
and still does not have the .btn-primary in it... Any other ideas?

J.

Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html


New member

Posts

Joined
Sun Oct 02, 2016 3:01 am

Post by qahar » Sat Oct 22, 2016 11:28 pm

I'm not really sure why your theme-preset-x.css still have that. Try to delete it, then save again from admin.

Just wodnering, open catalog\view\theme\default2\style\less\theme-preset.less do you found .btn-primary around line 77?

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by gerrity » Sun Oct 23, 2016 4:47 am

Hi qahar,

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"
in it and no .btn-primary.

Regards,
J.
Last edited by gerrity on Sun Oct 23, 2016 5:04 am, edited 1 time in total.

Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html


New member

Posts

Joined
Sun Oct 02, 2016 3:01 am

Post by gerrity » Sun Oct 23, 2016 4:57 am

Hi qahar,

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>
But with theme Default 2 installed:

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>
So not sure what's up using a custom theme but images no longer appear for option styles Radioa Checkbox.

Cheers,
J.

Opencart: 2.3.02
Theme: Qahar's Default 2 Theme http://www.echothemes.com/themes/default2.html


New member

Posts

Joined
Sun Oct 02, 2016 3:01 am

Post by qahar » Mon Oct 24, 2016 10:06 pm

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 has

Code: Select all

@import "bootstrap/mixins/buttons.less"
in it and no .btn-primary.
Unfortunately that I cannot reproduce this issue so I don't have any idea what cause this.
Have you try to redownload the default2 and use it?
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.
Thank you for reporting the issue, I will fix this on next release.

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by gerrity » Tue Oct 25, 2016 3:47 am

Hi qahar,

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


New member

Posts

Joined
Sun Oct 02, 2016 3:01 am

Post by qahar » Thu Oct 27, 2016 3:05 pm

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?
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: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?
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.

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>

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by gerrity » Tue Nov 01, 2016 1:56 am

Thanks qahar,

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


New member

Posts

Joined
Sun Oct 02, 2016 3:01 am

Post by qahar » Sat Nov 05, 2016 2:45 pm

default2 v2.3.1 updates

* 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

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by gerrity » Sun Nov 06, 2016 1:21 am

Fantastic!!

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


New member

Posts

Joined
Sun Oct 02, 2016 3:01 am
Who is online

Users browsing this forum: No registered users and 10 guests