Docs

[Dadparvar]

Hi,

Today I started adding woocommerce to my site. I’m using Integrity. And so the shop page should be something like this:
http://theme.co/x/demo/shop/integrity/

But it looks completely different in my site:
1. in the navbar, there isn’t any item box (that red square I mean)
2. there isn’t any sidebar containing widgets showing in demo
3. the products are not looking as demo in shop page (looks really bad as you can see in my site)
4. I can’t add any elements of Cornerstone in shop page.
5. I have no control on product page.

Any opinion will be appreciated.

[Dadparvar]

This reply has been marked as private.

[Dadparvar]

I made some changes and now it looks a little similar to demo.
But still some problems are exist:
1. in the navbar, there isn’t any item box (that red square I mean) (I could add the cart total, but its not exactly what it should, and also it went in the second line and now the navbar menu look biger. In demo its just next to menu items) (maybe the problem is with Ubermenu)
2. there isn’t any sidebar containing widgets showing in demo, like top rated and recent review and filter by price (I could add sidebar, but it wasn’t SIDEbar in fact, it was below the products. Not in right side of page.)
3. I can’t add any elements of Cornerstone in shop page.
4. How to set “Stars” and “Add to cart” appeared always? (Now just on hover they come)

[Christian]

Hey there,

1. Importing the Integrity 1 demo should set the WooCommerce settings right in the Customizer. Have you tried this? The demo doesn’t use UberMenu so if your using it, you will get different result.

If this doesn’t work, please set WooCommerce Customizer settings manually. Please see the info of the option for details (see attachment)

2. The widgets should be manually setup. Please visit your Widgets page and you’ll see the WooCommerce widgets (see attachment). You can drag them to your widget area.

3. The shop page could not be edited with Cornerstone as it is a dynamic page powered by a WooCommerce template
file.

4. Please add the code below in your Appearance > Customize > Custom > CSS.

.woocommerce li.product .star-rating-container {
    opacity: 1 !important;
}

Thanks.

[Dadparvar]

1. Can you please give the css codes so that I get exactly the same result as Integriy’s “items and price” in navbar in my Ubermenu?

2. Thanks. I can add widgets and they come. But they appear below the list of products and out of any style:
http://uupload.ir/files/293c_2016-06-09_04-55-14.png

3. Thanks

4. Thanks

[Rad]

Hi there,

1. Styling yes, but the exact look isn’t possible. Ubermenu structure is different from X’s native menu. Would you like it to style it the same?

2. Weird, the main content is full width event it’s set as content sidebar. Please add this CSS as well,

.x-main.right {
    float: right;
    width: 69.536945%;
}

Hope this helps.

[Dadparvar]

1. Yes please (its not nice when the price is looking in second row in navbar. It gets more space on the page just for a price. Would be nice if it was like demo, next to last menu item.)

2. Thanks. this just fixed the sidebar problem in shop page, but not in checkout page.

[Rad]

This reply has been marked as private.

[Dadparvar]

This reply has been marked as private.

[Rue Nel]

Hello There,

1] This is a known issue in X when UberMenu is active. In your case, I temporarily added this fix in your child theme’s functions.php file:

// Custom Cart menu fix when UberMenu is active
// =============================================================================
function x_woocommerce_navbar_menu_item( $items, $args ) {

  if ( X_WOOCOMMERCE_IS_ACTIVE && x_get_option( 'x_woocommerce_header_menu_enable' ) == '1' ) {
    if ( $args->theme_location == 'primary' ) {

      if ( ! class_exists( 'UberMenu' ) ) {

        $items .= '<li class="menu-item current-menu-parent x-menu-item x-menu-item-woocommerce">'
                  . '<a href="' . x_get_cart_link() . '" class="x-btn-navbar-woocommerce">'
                    . x_woocommerce_navbar_cart()
                  . '</a>'
                . '</li>';
      } else {
        $items .= '<li class="ubermenu-item ubermenu-item-level-0 menu-item current-menu-parent x-menu-item x-menu-item-woocommerce">'
                  . '<a href="' . x_get_cart_link() . '" class="ubermenu-target x-btn-navbar-woocommerce">'
                    . x_woocommerce_navbar_cart()
                  . '</a>'
                . '</li>';
      }
    }
  }

  return $items;

}
add_filter( 'wp_nav_menu_items', 'x_woocommerce_navbar_menu_item', 9999, 2 );
// =============================================================================

Our developers already knew this issue. Once they have a fix and roll out a release update, the code above will not cause any issues at all. If you need anything else we can help you with, don’t hesitate to open another thread.

[Dadparvar]

Awesome.

Thanks 🙂

[Dadparvar]

There is a problem with this code that you gave me:

.x-main.right {
    float: right;
    width: 69.536945%;
}

Although it worked and fixed my problem, but now even if a page doesn’t have widgets, it changes the width of main part of page.
For example, I used Logic Widget to show some widgets just in woocommerce shop and category pages, and there is no widgets yet for other pages. But now all pages have the widgets 30% width free space. (like profile page or custom pages or checkout page or cart page and …)

Isn’t it possible to add some conditionals so that just if there is a widget on the page, then the given css code works and set it to 69.53% and let the widgets to be appeared in the correct place?

Thanks

[Paul R]

Hi,

You can set the page layout as fullwidth if you don’t need the sidebar.

http://screencast.com/t/arx7liQKGhr

http://screencast.com/t/MiTKitHONR

Thanks

[Dadparvar]

Thanks.

That’s it 🙂

[Friech]

You’re welcome, should you require any further assistance with X|THEME and Cornerstone, please feel free to get in touch with us.

Cheers!

[Author]

Posts