Woocommerce product layout in app different from page setting

  • Resolved tryabp

    (@tryabp)


    2 years, 11 months ago

    Hi, I have created seperate wocoomerce shop page for app and set two column layout. But when i test it in wpmobile app, all products are showing in one column full width only. This is making space wastage and its not looking good. I have created page using Beaver Builder.
    How to resolve this?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author AmauriC

    (@amauric)

    Hi

    Which theme do you use on the app?
    Possible to get the website url?

    Thread Starter tryabp

    (@tryabp)

    Yes, URL is Staging Site

    I have default FLATSOME theme from themeforest. So, pages created using default UX builder was not working so now trying to built using WPBakery & Beaver Builder. But still the default shop page and product page should look just like it looks on mobile browser – i.e. 2 column in vertical layout / 3 column in horizontal layout.

    Please check and let me know. As i tried different app makers in market and your is the only one working with all the functions of my site. I just need to have good design to get the confidence to purchase official license.

    Plugin Author AmauriC

    (@amauric)

    I’m blocked with ‘Checking your browser before accessing janaushadhistore.in.’ and on website everything is broken (no js/no css).

    On the wpmobile settings > theme and colors > What is the theme selected?
    Use something different than just “native interface”.

    Thread Starter tryabp

    (@tryabp)

    Ohh sorry, that must be cloudflare blocking. @amauric website is working fine. I have selected native theme only. You can add this STAGING URL in wpmobile testing and see.

    Plugin Author AmauriC

    (@amauric)

    Nothing changed. Try to load your website on a new browser without being connected, it work on your side?

    Thread Starter tryabp

    (@tryabp)

    Yes, working fine here. Even in tor browser its working well. I dont know why its not showing on your side.

    Plugin Author AmauriC

    (@amauric)

    View post on imgur.com

    Thread Starter tryabp

    (@tryabp)

    @amauric can u plz check now?

    Plugin Author AmauriC

    (@amauric)

    Add this CSS rule from the WPMobile plugin > CSS and Javascript > In the app > CSS:

    
ul.products li.product {
    width: 49%!important;
    margin: 0!important;
    display: inline-block;
}
    • This reply was modified 2 years, 11 months ago by AmauriC.
    Thread Starter tryabp

    (@tryabp)

    @amauric got it man! Its working. Thanks. I will work on it for more customisation.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Woocommerce product layout in app different from page setting’ is closed to new replies.