Bootstrap Framework for Miva Merchant - Support Thread

[Brennan]

Hey Everyone -

Today we officially released a New Developer Framework for Miva Merchant based on Bootstrap. It is completely free and designed to be used as a starting point when building a new responsive Miva Store.

Some more details:

http://www.mivamerchant.com/blog/new-bootstrap-framework-for-miva-merchant

To Download (It's Free):

http://www.mivamerchant.com/bootstrap-framework

Installation/Setup Videos:

http://www.mivamerchant.com/videos/category/bootstrap-framework

This thread will be the home to any questions, help or support needed when working with this new Framework.

[William Davis]

Re: Bootstrap Framework for Miva Merchant - Support Thread

Installed MM Bootstrap Framework on development site without a problem.

However, when clicking on any product link from search result page the following error message is displayed

Product 'CTUS' is not available at this time.

In addition, when clicking on any product link from any assigned category page, the following error message is displayed

Product 'items' is not available at this time.

Initially I thought it could be either an unassigned (e.g.: "product"), and/or assigned (e.g.: "cssui_links") items. However, different configuration combination attempts failed. Consequently, both items were restored to their original state.

Please help.

[Brennan]

Re: Bootstrap Framework for Miva Merchant - Support Thread

Hey Bill -

Would you mind Private Messaging me access to the dev store so I can take a look?

[PCINET - Andreas]

Re: Bootstrap Framework for Miva Merchant - Support Thread

Did you check your SEO/.htaccess settings (short links). Looks like one of them is causing this.

[mikey]

Re: Bootstrap Framewok for Miva Merchant - Support Thread

Most Excellent Brennan! Contacting you about this was on my to do list for 2014. Glad to see it is ready.

(I fixed the typo and edited your post) - Rick

[PCINET - Andreas]

Re: Bootstrap Framework for Miva Merchant - Support Thread

Brennan, first and foremost - KUDOS!!!

You can even purchase an existing Bootstrap 3.0 template and integrate its styles on top of this Framework.

Could you elaborate how to integrate a Bootstrap 3.0 template into Miva's Boostrap framework.

[wajake41]

Re: Bootstrap Framework for Miva Merchant - Support Thread

Joining thread

[Mark Hood]

Re: Bootstrap Framework for Miva Merchant - Support Thread

What I have so far is a question/idea. First thing I notice is that on something like an iphone the category navigation disappears completely. Very different from current mobile optimization. Before I die trying is it possible to conditionally do something different when the screen gets to a xs?

For instance using your demo on an iphone clicking the navigation bar three lines / I can choose smartphones which leads me to an empty page not allowing me to select android or apple. Kind of a real big navigation problem unless I'm missing something?

Hope that made sense...

On second thought you don't have to do it with the phone. Just squish the site until the category tree disappears and you can no longer navigate

[Brennan]

Re: Bootstrap Framework for Miva Merchant - Support Thread

Andreas -

If you purchased another bootstrap 3 template both would use bootstrap as their foundation. This means they would have a similar HTML structure with the same class names. This is what gives bootstrap sites their responsiveness along with the bootstrap css file. Built on top of that would be the theme specific styles. This would be contained in a separate style sheet and have its own classes. You would remove our theme stylesheet (style.css) and use the that of the new template. However, you would also need to modify the HTML to add the new classes of the new stylesheet where needed throughout the store.

It is definitely not plug and play, but it probably quicker than starting from scratch.

[Brennan]

Re: Bootstrap Framework for Miva Merchant - Support Thread

Hey Mark -

Yes you are correct. Typically on those blank screens there would be products assigned or in this case sub categories displayed in the main section using toolkit/toolbelt. We did not want to include either of those as part of the core framework.

It would be up to you to decide what to do on those pages. You do have control to conditionals on different page templates to adjust this for your needs.

You also don't have to hide the category tree behind that menu if you didn't want to. It is very flexible to move around if you wanted to create something closer to our current mobile implementation.

We're leaving it up to the developer to make those choices. However, if you do have better way to do this, we're not opposed to making that the new default if it has better usability.

[andrewhelge]

Re: Bootstrap Framework for Miva Merchant - Support Thread

I can't seem to get the Glyphicons to work.

<div class="alert alert-warning"><span class="glyphicon glyphicon-warning-sign"></span>We're sorry but <strong>&mvte:global:Error_Messages;</strong></div>

According the the bootstrap documentation they should. http://getbootstrap.com/components/#...ons-how-to-use

bad-glyph.jpg

As you can see it just shows a square icon.

[PCINET - Andreas]

Re: Bootstrap Framework for Miva Merchant - Support Thread

it's just icon-warning-sign :)
<span class="glyphicon icon-warning-sign">

http://marcoceppi.github.io/bootstrap-glyphicons/

[halfacre]

Re: Bootstrap Framework for Miva Merchant - Support Thread

Well, I'm a couple days deep in this, and overall it's going okay. I'm trying to integrate JQuery Mobile with Bootstrap in Miva. First problem I ran into is that I have to use JQM 1.4.0 and JQuery 1.10, whereas the site I'm integrating into uses JQM 1.2.1 and JQuery 1.8.3... The newer JQM is quite a bit different... Themeroller styled elements lose their gradients, and overall the page structure has changed and a lot fewer divs are added at runtime.

Overall I'm closer than I might have imagined. Everything in my header and footer is in the right place and my overall site nav is working (if not perfectly styled yet). Like I said, button gradients are lost, and also my custom icons don't work (they've changed as well), but I can either live with that or find a way to customize the themeroller css after the fact.

All that said, what I'm having trouble at the moment with is ridiculously simple. I can't find a way to change the placeholder logo. Obviouslt the "Customize your Miva Merchant Template" tab no longer has any effect once Bootstrap is installed, and I haven't been able to locate the code and/or panel to make these changes.

I have a feeling I slap myself when I'm told... can anyone point me in the right direction?

[Nerd Boy Inc]

Re: Bootstrap Framework for Miva Merchant - Support Thread

Dear All,

What am I missing here. How is this different than the standard basic no frills HTML / CSS Framework you can select when initialing ordering a store?

[Rick Wilson]

Re: Bootstrap Framework for Miva Merchant - Support Thread

It's built on top of Twitter Bootstrap 3 (I'm on my phone so you should google or go to getbootstrap.com for more info) and also it's fully responsive.