Store re-visit

  • Author
    Posts
  • #138328

    Hi there!
    checking back about woo commerce support for Spatial.

    I never have found a theme that fits so well with my work.
    so, I have a question.

    Will woocommerce not work at all? or what really is the difference?

    thanks,

    Connie

    http://www.crookedlittleflower.com

    The blog I need help with is crookedlittleflower.com.

    #138330

    Its Spatial use of the “masonry” ? block I think you talked about in a particular post.

    I have not found tis particular layout in any other theme that is store optimized.

    any ideas?

    Spatial is so beautiful. I have taken a link to my shop off for now, and am setting Spatial back up, until I can think this through.

    Are there any wordpress.org themes I could purchase/upload/use?
    a store optimized Spatial theme.

    crosses fingers,
    C

    #138336

    lelandf
    Theme Author

    Hi there,

    First of all, your kind words about the Spatial theme are always appreciated. Thank you.

    Will woocommerce not work at all?

    It would work but it may look strange in some areas.

    I just guessed your shop URL here: https://crookedlittleflower.com/shop/ …and it looks all right from that view.

    Once you get to individual product pages, like this: https://crookedlittleflower.com/product/evening-by-the-lake/ …it looks a bit off because images are flush with the edge, but this is fixable with some simple CSS. I can help out with this if you’d like.

    Views related to the checkout process seem okay as well.

    As for your comments about the Masonry layout, yes, that is what the layout is called that is used on the index pages of the Spatial theme. You can learn more about it here: https://masonry.desandro.com/

    It doesn’t appear WooCommerce inherits the Masonry layout from Spatial though, as the main shop page displays shop items in a standard grid.

    “Store optimized” is a vague term that ultimately depends on your expectations. Assuming the aforementioned CSS fix works as expected, how else would you expect a store-optimized Spatial theme to appear and function?

    Regards,
    Leland

    #138338

    sweet! you have made my morning!!!!!!

    I am not even certain. When you search for a theme, you can filter by features you want. Only about 20 themes come up as store optimized.

    When you choose a non-optimized it gives a caution about “this theme is not ready. . . . ”

    I was never certain if that meant visual only, or if the workings of a store could go arwy.

    I am completely good with CSS. All the little tweaks like padding etc. YAY!

    This is good news that it is in regard to visually. not the actual function.

    You are welcome. the particular way spatial works in the grid just fits well with presenting my art and poetry.

    I have changed themes and changes themes, and deciding what I was willing to compromise, until, I couldn’t stand it.

    So, I am in the process of putting it back.

    Whatever CSS fix, I am game. thank you, C

    #138340

    lelandf
    Theme Author

    Yes, those themes have gone through the WooCommerce compatibility checklist as seen here: https://developer.wordpress.com/themes/woocommerce-compatibility/ …and were tested by WordPress.com staff before the “store” feature tag was applied.

    I can’t guarantee Spatial and WooCommerce will work perfectly together because I haven’t thoroughly tested it, however just clicking through your shop made me think that it’s probably fine even though Spatial doesn’t have any WooCommerce-specific code at this time.

    WooCommerce’s page about third-party themes further relieves compatibility concerns by stating:

    WooCommerce looks great with all WordPress themes as of version 3.3, even if they are not WooCommerce-specific themes and do not formally declare support. Templates render inside the content, and this keeps everything looking natural on your site.

    Anyway, that CSS code that adds some whitespace between the edges on product pages is as follows:

    .single-product .site-main {
      width: 90%;
      margin: 0 auto;
    }

    Let me know how that works out for you and please let me know if you notice any other quirks that may need to be ironed out.

    Regards,
    Leland

    #138343

    it does not create white space, but the function seems fine.

    no padding around individual images on the individual product pages does not bother me enough to worry. the main store page looks the same as ever. nice grid, with padding between products.

    I changed the percent to 75 instead of 90
    it is a good feel desktop to mobile

    works for me

    #138348

    lelandf
    Theme Author

    no padding around individual images on the individual product pages

    This should help with that in case you change your mind:

    body.woocommerce div.product div.images .flex-control-thumbs {
    	padding-top: 10px;
    	margin: 0 -5px;
    }
    
    body.woocommerce div.product div.images .flex-control-thumbs li {
    	margin: 0 5px;
    }
    #138351

    fabulous! looks awesome! yay!

    #138368

    lelandf
    Theme Author

    Cool! I’ll go ahead and mark this topic as resolved for now, but feel free to update if you notice any quirks you’d like to see addressed.

    You’re the first person I know of to use Spatial for WooCommerce so any feedback you’d like to share is more than welcome and highly appreciated. Thanks so much!

    #138370

    awesome! I will keep updated then as I go!

The topic ‘Store re-visit’ is closed to new replies.