zen Posted November 2, 2021 Share Posted November 2, 2021 (edited) Hello all, I am curently working on a Bootstrap 5 theme for Thirtybees and would like to share it with the community at least for the basic version. I need your help in order to finish it, while completing this task I'd like that you can report here the good and the bad things about the theme, so i can fix it or improve it and ask for new testing before I put it on github and manage it on that platform, as it's way more easy for me to do it here for start. Quote You can test the theme here : http://cisero.zengraph.com/ And here is the admin back office that can let you use the ThemeMaster module, that will help you to customize your own design, it's very first version and don't hesitate to ask for things to manage from this module : https://cisero.zengraph.com/admin007/ user: demo@demo.com pass: demodemo So let's start it, I hope to finish it before january 2022, it also depends on your returns. Here is the ARCHIVE to download on a zip format, please report bugs and improvement ! Also here is the GITHUB link : https://github.com/Zengraph/cisero Cisero_theme_TB.zip Edited January 6, 2022 by zen archive zip uploaded [Fixed for Images and Sliders & More ...] + Currencies & Languages on top 11 Link to comment Share on other sites More sharing options...
datakick Posted November 2, 2021 Share Posted November 2, 2021 Looks nice. I'm quite interested how easily it will integrate with third party modules that were not build with bootstrap 5 in mind. Looking forward for official release of your theme so I can test this aspect Link to comment Share on other sites More sharing options...
zen Posted November 2, 2021 Author Share Posted November 2, 2021 (edited) 10 minutes ago, datakick said: Looks nice. I'm quite interested how easily it will integrate with third party modules that were not build with bootstrap 5 in mind. Looking forward for official release of your theme so I can test this aspect The task will also be to make all modules working with Boostrap 5 by modifying the TPL files or at least with some added/modified css. If not possible I can also provide a new version / copy of the official module but that works with this theme. If you have some module in mind.. don't hesitate to tell me which one so I can prepare the tpl and css for this module in the theme Edited November 2, 2021 by zen Link to comment Share on other sites More sharing options...
led24ee Posted November 2, 2021 Share Posted November 2, 2021 That's delicious 1 Link to comment Share on other sites More sharing options...
datakick Posted November 2, 2021 Share Posted November 2, 2021 41 minutes ago, zen said: If not possible I can also provide a new version / copy of the official module but that works with this theme. Unfortunately even that's not always possible, as there are modules that generate a views using javascript (heavily minified). For example Mollie, avarda payments, revws, etc... But of course, these modules are the outliers. Most modules should be able to tweak and make them to work with new framework. The question is how much work it will be 🙂 Link to comment Share on other sites More sharing options...
zen Posted November 2, 2021 Author Share Posted November 2, 2021 Just now, datakick said: Unfortunately even that's not always possible, as there are modules that generate a views using javascript (heavily minified). For example Mollie, avarda payments, revws, etc... But of course, these modules are the outliers. Most modules should be able to tweak and make them to work with new framework. The question is how much work it will be 🙂 some modules just don't follow basic rules, but i believe they will still work with just a little pinch of css (as I had to keep Jquery with this theme version, getting rif of it is next step, but it's a big one). It will take the time needed => the earlier we start and the faster it will be done 🙂 I have a lot of hope and good faith in TB ! Link to comment Share on other sites More sharing options...
datakick Posted November 2, 2021 Share Posted November 2, 2021 5 minutes ago, zen said: some modules just don't follow basic rules Server-side rendering is so 2010 🙂 We all should acknowledge that the world has moved on. 5 minutes ago, zen said: but i believe they will still work with just a little pinch of css You are probably right. In my modules I personally try not to rely on any framework provided by theme to make module reusable in different environment (revws works properly both on tb themes and in ps17 theme) 5 minutes ago, zen said: It will take the time needed => the earlier we start and the faster it will be done 🙂 I have a lot of hope and good faith in TB ! I'm really excited about this project of yours. Let me know if you need any assistance, or support from core. 2 Link to comment Share on other sites More sharing options...
zen Posted November 5, 2021 Author Share Posted November 5, 2021 I just added the block currencies and block language on the footer, I had to make new modules for that. Link to comment Share on other sites More sharing options...
Smile Posted November 6, 2021 Share Posted November 6, 2021 Nice work, I have one thing I really love in some themes and that is the function when you have it on mobile it really gives a app experience. As mobile is nowadays more important. In my store we sell more trough mobile then desktop. Depends of course on the business. Link to comment Share on other sites More sharing options...
zen Posted November 6, 2021 Author Share Posted November 6, 2021 57 minutes ago, Smile said: Nice work, I have one thing I really love in some themes and that is the function when you have it on mobile it really gives a app experience. As mobile is nowadays more important. In my store we sell more trough mobile then desktop. Depends of course on the business. I'll be happy to integrate it, what function are you talking about exactly, do you have an exemple ? Link to comment Share on other sites More sharing options...
Smile Posted November 6, 2021 Share Posted November 6, 2021 You can see it here for example. See also Imkershop.nl Link to comment Share on other sites More sharing options...
Wartin Posted November 7, 2021 Share Posted November 7, 2021 On 11/2/2021 at 12:08 PM, zen said: Hello all, I am curently working on a Bootstrap 5 theme for Thirtybees and would like to share it with the community at least for the basic version. I need your help in order to finish it, while completing this task I'd like that you can report here the good and the bad things about the theme, so i can fix it or improve it and ask for new testing before I put it on github and manage it on that platform, as it's way more easy for me to do it here for start. And here is the admin back office that can let you use the ThemeMaster module, that will help you to customize your own design, it's very first version and don't hesitate to ask for things to manage from this module : https://cisero.zengraph.com/admin007/ user: demo@demo.com pass: demodemo So let's start it, I hope to finish it before january 2022, it also depends on your returns. PS: I am sure many pages still need to be done, you can list it on your post and I'll update it here and this first message. =================== Known bugs to be fixed ================== ... ... ... Really nice! Just a little thing here, when checking out: looks that some style is missing for payment_module and the 'continue shopping' button? Anyway, it would be nice less steps in checkout, maybe 3 like https://forum.thirtybees.com/topic/2673-3-page-checkout-sort-of-for-community-default-theme/ Thanks and keep going! 1 Link to comment Share on other sites More sharing options...
zen Posted November 8, 2021 Author Share Posted November 8, 2021 On 11/6/2021 at 11:13 AM, Smile said: You can see it here for example. See also Imkershop.nl OK, I see what you are talking about now.. I will add something with the same idea, but not exactly like that as this bar consume too much space on the bottom screen of the mobile. I think that the burger menu icon that is on top will open the side control menu/panel with all infos and actions in it. 1 Link to comment Share on other sites More sharing options...
zen Posted November 8, 2021 Author Share Posted November 8, 2021 (edited) Quote I gonna have a look about the 3 step checkout soon. => i believe it's working on the demo version already.. it's more comfortable to have addresses and shipping on the same page. Please confirm that 3 stepas checkout is on and working accordingly to the shop needs. Edited November 8, 2021 by zen Link to comment Share on other sites More sharing options...
nickz Posted November 8, 2021 Share Posted November 8, 2021 (edited) in my experience the shorter the way to finish the purchase the better it is. ideally clicking on a product picture and have the choice between paying right away or keep reading on. Edited November 8, 2021 by nickz 1 Link to comment Share on other sites More sharing options...
x97wehner Posted November 9, 2021 Share Posted November 9, 2021 Looking very good. In our business, we see the most success with a one page checkout from mobile customers. Perhaps syncing your theme styling with the Chex module from @datakick would easily provide that capability with minimal development effort? 1 Link to comment Share on other sites More sharing options...
Wartin Posted November 9, 2021 Share Posted November 9, 2021 10 hours ago, zen said: Please confirm that 3 stepas checkout is on and working accordingly to the shop needs. hey, it's working! very good! I'm sitting waiting for my cup and coffee 🙂 Link to comment Share on other sites More sharing options...
Wartin Posted November 9, 2021 Share Posted November 9, 2021 Hello again. This is the summary in the checkout, it adds a horizontal scroll. In Niara I changed that using some... wait a minute, it was your changes at github. Let me search for it... https://github.com/thirtybees/niara/pull/19 Link to comment Share on other sites More sharing options...
zen Posted November 9, 2021 Author Share Posted November 9, 2021 9 hours ago, Wartin said: Hello again. This is the summary in the checkout, it adds a horizontal scroll. In Niara I changed that using some... wait a minute, it was your changes at github. Let me search for it... https://github.com/thirtybees/niara/pull/19 You are right, that is why i added the mod into the theme this morning, and I also modify few things in order to make it works better, also the carrier page has been made more mobile friendly. Hope you like it 🙂 1 Link to comment Share on other sites More sharing options...
zen Posted November 9, 2021 Author Share Posted November 9, 2021 (edited) Here is a screenshot of the Order Step 1 Cart summary for a Mobile(iphone 12/13) with 390px of width. And the Order Step 2 Addresses and Shipping selection enjoy 🙂 Edited November 9, 2021 by zen 1 Link to comment Share on other sites More sharing options...
Wartin Posted November 9, 2021 Share Posted November 9, 2021 (edited) Great! Another thing I used in step 2 is hidding both addresses when 'same address' checkbox is checked. If you uncheck the box they unhide and you can update them. PD: this Edited November 9, 2021 by Wartin Link to comment Share on other sites More sharing options...
zen Posted November 9, 2021 Author Share Posted November 9, 2021 2 hours ago, Wartin said: Great! Another thing I used in step 2 is hidding both addresses when 'same address' checkbox is checked. If you uncheck the box they unhide and you can update them. PD: this OK, I think that showing addresses is needed, I don't really want to hide them, but then I find out that on the STEP 1, it's not necessary to show addresses there.. what do you think about it ? Link to comment Share on other sites More sharing options...
PeterPan Posted November 9, 2021 Share Posted November 9, 2021 Will there be a guest order option? That is, without creating an account? Link to comment Share on other sites More sharing options...
Wartin Posted November 10, 2021 Share Posted November 10, 2021 10 hours ago, zen said: OK, I think that showing addresses is needed, I don't really want to hide them, but then I find out that on the STEP 1, it's not necessary to show addresses there.. what do you think about it ? I don't see addresses being shown in step 1: What I see it's not very clear is colours from the bar, gray is actual step, black is step finished. About hidding addresses, what I did (and forgot to tell you) is to write the actual address next to address' name, like "My address: 515 street, state". In that case, client can read where this will be sent and billed. Link to comment Share on other sites More sharing options...
zen Posted November 10, 2021 Author Share Posted November 10, 2021 8 hours ago, Wartin said: I don't see addresses being shown in step 1: => Yes, I took it out, as it's on step 2 as well. Quote What I see it's not very clear is colours from the bar, gray is actual step, black is step finished. What colors scheme would you think work best ? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now