Business Catalyst or Cartweaver with fluid grid

I'm considering a dreamweaver ecommerce site for my art business.  So far, I'm trying Shopify and love the easy ecommerce software, but HATE the design limitations.  It simply makes me claustrophobic.
I've had success mocking up designs with the fluid grid, and incorporating all the cool features I want.  However, it's the opposite situation.  Ecommerce seems detatched and probably difficult.
Should I look to Business Catalyst or something like Cartweaver?  Are either of these compatible with the fluid grid layout?  I only want responsive, and refuse to use a template.
I basically want a system that can manage products and orders similar to Shopify, but without the creative limitations.

Cartweaver can plug into most any design and it could with some CSS tweaking work within a responsive design. The advantage is it is made to fit into a developers design and not force some pre-conceived template or design on you.  The formatting that is used for the store elements is controlled by CSS so you can change and adjust it as needed...  alos, while using an Extension id Dremweaver to be installed - it is not dependent on this, we removed all that when we saw where Adobe was going with Server behaviors in Dreamweaver CC - so once placed in your site it's all just regular html / css and php or CF - no special Dreamweaver or non standard tags or comments to get in the way.
That being said, are the cart / store elements 100% responsive design out of the box?  No.  The search results feature, that displays products based on the user's search has the number of columns and row controls via an entry in the web based admin - so it doesn't auto collapse the way a true responsive design would. and the product details pages display isn't "collapsible" - But this could be simply over written to ignore this setting and user your CSS. So with some tweaking you could be ready to go. 
We know that responsive design is becoming a bigger requirement all the time so we do intend on updating the presentation side of Cartweaver to support this, we are working on a couple of other cool things that are ahead of this, but it is definitely on our short list to offer this, but in the mean time, it is something that could be tweaked by the developer with a good knowledge of CSS and a reasonable understanding of php or Cf, depending on what version you choose.
The real advantage is the lack of creative restrictions, as well as not being locked into a proprietary hosted solution, those are advantages to consider, and after the initial learning curve you will find that the presentation side can be bent to your will - whatever that may be :-)
Since I want to respect that this is an Adobe forum, if you any other more specific questions I'll be happy to answer them directly offline.  You can pop me an e-mail if you like at
lawrence  -  at  - cartweaver  dot  com
Lawrence Cramer - *Adobe Community Professional*
http://www.Cartweaver.com
PHP & ColdFusion Shopping Cart for Adobe Dreamweaver
Stay updated:
http://www.facebook.com/cartweaver
http://www.twitter.com/cartweaver
http://blog.cartweaver.com

Similar Messages

  • Problems with fluid grid layout live site only showing phone view in Chrome and Firefox Feb 2015

    Hi all,
    I have done a complex fluid grid layout using DW 2014 CC. The site has now gone live on the web masters server setup.
    Up until now the layout of the site has been working fine and responding to screen size.
    Early this morning in the USA the site stopped working. The layout for some users, not all, is only showing the phone view, and takes a long time to load.
    This is happening in Chrome and Firefox, but IE is displaying the site properly.
    So it looks like the CSS media queries are not working on all browsers.
    I am using BC for the test site, and one user having this problem can see that version of the site OK.
    I noticed that Chrome has done some updates recently Chrome Releases
    Has anyone else come across this problem with Chrome and Firefox with their responsive layouts?
    Thanks for any help given.

    Hi Ben,
    Yes, thanks for this link. The Travel Health Website is one of ours, hosted on BC, and no reported problems so far. We also have another large BC website with ga code in it and users are not reporting problems with it. The Headless Way
    However the problem website is hosted elsewhere on a different platform to BC. We have been developing it for three months now, and no problems so far until yesterday. The problem of the site taking ages to load, and timing out seems to be happening with about 10% of users in the USA. http://www.harrisonassessments.com/
    The web developer found a user in NZ who was experiencing the slow display problem. They looked at the site with Chrome, Firefox and IE. The site would only display on IE. When the developer removed the google analytics code, the site displayed fine on all browsers for the NZ user. We are waiting for users in the USA to wake up and test the site.
    So the problem definitely is related to the ga code and the responsive layout that was done by me in DW2014.1 fluid grid layout. So the related problem of DW2014.1 not being able to load htm files with ga code in them looks to be a good clue to what is going on here.
    As there was a bug report for DW2014.1 and google analytics code made in the other thread, I would be interested to know if that was ever solved.
    It is interesting that you are pushing Bootstrap and Foundation on me. (Big square websites here I come! lol)
    I wonder if DW is going to persist with fluid grid layout then? I certainly hope so, as I have spent 12 months blood sweat and tears learning how to do it in DW.

  • Is it possible to use sliced images with fluid grids CS6?

    I have 2 sliced images that I want to use in my page. The site has been designed with fluid grids CS6. As soon as the page is made smaller 1 of the images shrinks while the other remains the same size. Is there any way to make this work or is it just not possible using fluid grids?

    There's nothing on this page.
    http://www.lavishvegas.com/las_vegas_barsx.html
    If you want images to rescale to device width, the parent container must be fluid (% width). 
    The images need a CSS max-width of 100%. DW does this for you when you create a Fluid Grid layout. 
    Also, the native image must be inserted into the HTML foreground  with no stated height or width attributes.  If you set the height/width, it won't rescale to viewport width.
    Working example:
    http://alt-web.com/FluidGrid/Fluid2.html
    Nancy O.

  • Creating new website with Fluid Grid Layout in CS6 - CS3 Transitions problem

    I am making my second website with Fluid Grid layout and as with my last one, it seems I can't use CS6 transitions. Each time I go to add a new transition, Dreamweaver stops working and shuts down. Should you be able to use the transitions function with CS6 transitions or not? In the end, what I want to do is create a behaviour where one image is swapped with another with a click (not a rollover as it won't work on mobiles, I believe).
    Thank you

    Add a link to jQuery's Latest Library to your document <head> tags.
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    Add the jQuery function code to <script> tags in your document. I typically put them right above the closing </body> tag.
    <script>
    $(document).ready(function () {
        $("#one").click(function () {
            $("#one-a").toggle('slow');
        $("#two").click(function () {
            $("#two-a").toggle('slow');
        $("#three").click(function () {
            $("#three-a").toggle('slow');
    </script>
    </body>
    As to why DW is closing you down, I don't know.  That's not an expected behavior. 
    Without seeing your code, I'm going to guess that your CSS transition logic is incorrect or you're attempting to add transitions to the FluidGridLayout.css which is never a good idea.  Always use a separate, external style sheet for your manually added content styles.  Changes to either boilerplate.css or the temperamental FluidGridLayout.css files can result in problems.
    Nancy O.

  • More insight on divs with fluid grids please!

    Help me come further up the CS6 fluid grid learning curve, please!
    I'm adapting an exiting site to fluid grids. After creating the template for the primary pages, I have two major issues at this point(yeah, only two, SO FAR).
    1- I have a vertically expanding menu in the first layout div. For tablets, I want to preserve the left grid column space for the menu, regardless of its length, and all other content would use just the right gid columns. But when the menu happens to be short, the "excess" content floats left under the menu grid columns. How can I force main page content to only occupy the right grid columns, regardless of the length of the menu?
    As a side point to the menu, what happens when I try to put this (or the footer) all back in an SSI, as it originally was?
    2 - I've seen the note about no support for nested layout divs. Thru trial and error, I'm still trying to figure out just what this means. Pragmatically, what is the greater implication of this?  Can format be controlled only on fluid grid layout divs? Can't I have divs inside of a grid layout div to control image palcement around the text for instance? I've had hit=n-miss experience with this so far.
    Can anybody point me to a more in-depth discussion on this topic?
    Sorry if this ol' dog seems like he's learning div layout all over again. But hey! That IS how it feels!
    Thanks for any education, or pointers to such, that you can provide.

    Not sure I completely understand what you want. But in this example, I have set nav and LayoutDivs 5, 6, 7 to display:none  in smaller devices.
    http://alt-web.com/FluidGrid/Fluid2.html
    I did this inside a media query within my Content.css file:
    /* Special Rules for Mobiles. */
    @media only screen and (max-width: 480px) {
         /**hide some divs**/
         nav, #LayoutDiv5, #LayoutDiv6, #LayoutDiv7 { display: none }
         /**show jQuery buttons**/    
         #togglenav { display: block }
         #showDivs { display: block }
    Then I used a simple jQuery toggle to show/hide divs.
    http://jsfiddle.net/NancyO/AP9Hm/
    Nancy O.

  • Business Catalyst Help | Work with pages

    This question was posted in response to the following article: http://helpx.adobe.com/business-catalyst/using/pages.html

    Ok, I can't seem to find a straight answer for this question anywhere online without something else I find contradicting it.
    PLEASE can someone tell me if my clients can edit text and images on Muse sites within Business catalyst, admin?
    Ido not care if it does not revert the changes to the muse application on my mac. I just want my clients to be able to maintain there text and images without contacting me.
    If and when the design needs to be changed on the original muse file, I will simply update the Muse file to correspond with the site online then make the further changes after that.
    I REALLY want to use Muse to create websites for my clients but if they can't update image/text content remotely then It's not going to work for me and 90% of freelance designers.
    Please can someone clear this up for me.
    Nathan

  • PLEASE LET ME KNOW IF THIS IS POSSIBLE WITH FLUID GRID LAYOUT?

    This is an example of what I'm trying to do. Excel was the best way for me to provide a visual. Is this possible? Every time I try to place divs in a similar layout, the div will not take up multiple rows. For example div 4 would move down and where row 7 is would now be row 4. Div 2 would have also moved down because of 5. I have a large image that needs to be placed to the left of a header and vertical menu. I'm trying to keep the header and menu seperate and the image needs to be aligned to the top left of the text. I'm sorry that I'm overcomplicating this. I must admit it surprises me that the fluid grid appears to be dictated by rows. I'm wondering if for this particular design I should just stick to a table.

    I'm perplexing by your question.  How do you expect the divs to move in other resolutions?  For the question to be whether this is possible with a fluid grid there has to be some transformation between the layouts.  If you are just looking for a static layout, that is possible.  If the heights are to be fixed like that you could just specify the heights on the divs to make the height.  If the divs are moving down then add the attribute clear:none; to the div, in this case 2 and 4.  This will prevent the float from being cleared and pushing the element down.

  • Adapt existing web site with fluid grid layout

    Hi everyone,
    I'm wondering if I could take a exisiting website and using Dreamweaver CS6 (which I don't owned at the moment) "easily" create associated fluid layout for tablets and smartphones.
    Or do I have to start a new website "from scratch" to get the fluid layout?
    I'm just beginning with website creation (only 2 at the moment) and I tried out  Dreamweaver 5.5 at the beginning of 2012... since I didn't find any other tools that could do the job like I feel Dreamweaver can, I'm in the process of convincing myself I should buy Dreamweaver CS6.... I won't hesitate much longer if I could take a existing website and be able to easily adapt it to fluid layout.
    Thanks for your help
    Sebastien

    You would have to start over with a whole new Layout.  Once you get that designed, then you would need to insert content.  There is no magic button for converting existing sites to Fluid Grid Layouts because it's more complicated (3 CSS layouts instead of one). 
    In addition, Fluid Grid is a new feature in CS6 that still needs some refinement.  In order to build responsive designs that work in all devices, you must understand the technology. 
    http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
    http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
    http://www.alistapart.com/articles/responsive-web-design/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com/

  • Green highlight when working with Fluid Grid Layout Div tags

    What does the green highlight mean when working in Live view of a Fluid Grid Layout using Fluid Grid Layout Div Tags? Sometimes they show up, but sometimes they don't. I think it has something to do with the width setting but I can't figure out what the rule is or what the highlight indicates.
    Dreamweaver CS6
    Mac OSX 10.8.2
    THANK YOU!!

    Brian McNay wrote:
    the green highlight sometimes disappears when modifying the width property of the div. My question is what does this signify?
    If you change the width of a div manually in Code view or in the CSS styles panel, Dreamweaver ceases to treat it as a fluid grid layout div, and the green highlighting disappears.
    To be treated as a fluid grid layout div, the width must be adjusted by dragging the handles in Design view. Dreamweaver snaps fluid grid layout divs to the grid that is defined when you first create the page, and it calculates the width and margins to many decimal places. If the width and/or margin doesn't match the grid dimensions, the highlighting disappears, and the div is treated as any other div.
    It's not a bug, nor are fluid grid layout divs any different from normal ones. The idea of the grid and the highlighting is to allow you to create a responsive layout according to a hypothetical grid. Once you've created the basic structure, it's best to turn off the visual guides anyway.
    Personally, I think that the implementation of fluid grid layouts in Dreamweaver CS6 leaves a lot to be desired. The basic idea is good, but it's difficult to use if you don't have a solid understanding of CSS.

  • Trouble in Dreamweaver with fluid grid layouts

    Hi!  This is my first time posting here.  I have been having intermittent problems in the fluid grid layouts.  The sizing handles that are supposed to be there in a fluid element/div sometimes disappear along with the duplication icon and the arrow that moves a div/element up to the previous row.  For instance I am working on a lesson in my online class for Dreamweaver that is asking me to style an unordered list for a menu.  I want to make it into a horizontal menu where each item is 3 columns wide.  Without the handles I cannot size the items in the list nor "bump them up" next to each other.  Does this make any sense?  Sometimes, they are there and sometimes not.  Mostly not there.  This is very frustrating!  Can someone offer any solutions?
    Paula Jo Nyman

    I have the same Issue, I have been trying to get it resolved for a while now, but the live customer support is terrible, I feel like they don't read the initial question and it frustrates me how I am constantly asked questions about my question that is CLEARLY covered in the initial Question. I Have been on hold on the phone for some time now, if I get this resolved I will post an answer. It does disgust me how adobe are slowly parring the technical support over to its users.

  • Getting Business Catalyst Forms working with Muse in Webmarketing Package

    Hi All,
    I am having problems with forms using BC Webmarketing packaging and Muse.
    When I past the html code for the BC form into a Muse page then upload it I get the following error message
    http://www.virtualteacher.com.au/images/error-webform.jpg
    and the web form is deleted from my Business Catalyst web Forms list.
    What is the best solution for integration between BC and Muse.
    I want to be continually updating aspects of both.
    Can I quarantine some BC pages that Muse will not update?
    Any suggestions would be great.
    ciao
    Cathy

    Hi Sanjit,
    The problem is that when I update the Muse template page with the BC code
    {tag_pagecontent}
    The Business Catalyst template it is  based on this doesn't update or screws up the page.
    Registration
    The form is there as I have used it a number of times but the template page doesn't load properly
    ciao
    Cathy

  • Need help with Fluid Grid Layout and variable column balance.

    I'm using the fluid grid layout.  I have multiple columns that are actually fluid grid layout columns done by Dreamweaver.  I'd like them to extend as high as each other (all to the maximum height of each other) within the same section.  An added catch is that in the desktop layout, I have three side by side under one that takes the whole width of the page.  On tablet size, it's 2x2 in a square grid.  On mobile, they're vertically stacked.  I'm trying to get it so that background colour and/or borders looks decent and is fully balanced, no matter which layout is hit with the fluid layout.  The columns reflow, no problem.  But the height of any background and/or border is variable. 
    Any help on fixing this? 
    Example at:  https://music2help.thoughtburst.net/ 
    The example doesn't have borders or colours, as it looked silly unbalanced.  The music2help.css is the only one I'm modifying manually.
    Love the fluid grid layout, but I need a way to make it behave decently with backgrounds/borders.  Any help would be hugely appreciated!
    Thanks!
    mark->

    I tried the solution Nancy posted.  It altered things, but doesn't seem to do the trick.
    Just some quick background.  I did HTML from 1994 through about five years ago by hand in vi on *nix systems.  I learned HTML through 4.01, and never bothered with XHTML at all.  I learned CSS through most of CSS2.  The CSS3 and HTML5 stuff is all new to me, but it can't be that hard.  I'm not exactly a novice in JS (I've done a fair bit of AJAX programming), but it's not even close to my primary language (I'm a Perl guy).
    I'm "stuck on" wanting to use Fluid Grid Layouts.  It's billed as one of the selling points of DW CS6, and I really like the concept and results.  I just want the results embellished a little, namely with sensible identical heights on grid containers set in the same row, so that you can apply background colours, dropshadows, and borders.  That's really all I want to do that it doesn't already do.
    I have a test page at:  http://music2help.thoughtburst.net/ that you can try with your Quick Columns.  I'd be interested to know if you can get it to work.
    Here's the catch, though...  Resize the browser, shrinking it inwards.  (I suggest Firefox, as Chrome only shrinks so far, and you won't get to Mobile width.)  As you can see, on a Tablet, one of the columns that should be equal height actually moves up a row and should be equal height with the row that, on a desktop, would take the entire width of the page area.  So that's like a 4-up output in printing terms.  At Mobile size, the entire thing is vertical, so none of the columns should be resized.
    If your product works and can accomodate these conditions, I think I would be interested in spending the $35 it costs. 
    Let me know?  Thanks!
    EDIT:  Changed URL to be non-SSL.  The server has multiple vhosts on it, and I keep forgetting that I don't have a cert on this new one.  Sorry about that.  You can just add anything to one of the the three middle columns, if you're pulling it down to test.

  • Publish site with muse to temp site but then Business Catalyst replaces site with Coming Soon. How d

    Hello. I will try to repeat my steps to find the issue:
    I create a new site from scratch on business catalyst so I can choose the package with the blog and ecommerce.
    I then create the site in Muse and publish it to the domain I created when I created the new site in Business Catalyst.
    I add some modules to my Muse design and publish.
    Everything works for a while but then later the Muse published site is replaced with Business Catalyst's default "Coming Soon" graphic.
    How do I stop this from happening?
    Thank you!

    Ok, I figured out what is happening, though I still don't know how to correct it.
    If the temp domain is put in without the index - http://bloomingarden.businesscatalyst.com - I get the coming soon graphic.
    If I add the index.html - http://bloomingarden.businesscatalyst.com/index.html the site shows up.
    How do I get the site to show up when just the domain is put in without the index.html?

  • How do i install business catalyst and typekit with creative cloud if they don't show up?

    I just recently signed up for creative cloud and learned about muse.  I would like to take advantage of the business catalyst and typekit, but when i open my application manager, neither are available for download.  Am I missing something here?  are they built into the other program downloads?  I'm confused–please help.

    Am I missing something here?
    Yes, you are. They are merely services built into Dreamweaver, Edge and Muse and accessible via the respective BC and CSS panels in those programs.
    Mylenium

  • What alternative CMS are there to Business Catalyst which work with Muse?

    Hi there,
    We built a new site in Muse and started using BC (for the CMS) over a year ago, and while we're very pleased with how the site now looks and performs, we feel we've outgrown BC/the CMS.
    What alternatives do we have for the CMS that will work with Muse?
    If it helps...
    - We'd like a better search facility that can look at individual categories as we have several content holders such as News, Jobs, Features articles etc
    - A page numbering system rather than a long list of items stored in the content holder (news items etc). IE at the bottom you see 1, 2, 3, 4, etc
    - Tags - so key phrases or categories are suggested/shown with a value of news items
    Any help much appreciated
    Regards
    Tom

    Hi Tom,
    Just showing my support to your question. I have found Catalyst a NON-2015 CMS, and I would really like to hear we have more options for managing our Muse made websites.
    Any answer from the Adobe team?
    Diego

Maybe you are looking for