Okay
  Public Ticket #1286705
Woocommerce product Search & My Accounts Page
Closed

Comments

  • wwfoods1 started the conversation

    I'm creating an eCommerce website with Kalium but there are a couple of problems I need help fixing. I used the Kalium Store demo content and edited that heavily.


    Problem 1:

    - There were a couple of problems with the WooCommerce My accounts page that I managed to fix using CSS but one still remains. The my accounts container is just too small and there is a lot of white space. I have linked an image below so you can see. Is there a way to make it so it always fits the screen properly?

    Problem 2:

    I've written a custom function to display variation sizes on the cart page. But I also want to display variation sizes on the mini cart that appears in the menu bar. Is there a way to add it?

    Problem 3:

    Another WooCommerce problem I've got is, I can't change the layout at all. Right now, the shop page and product page layout is boxed. I want a full width layout like it is in your Fashion (Minimal shop). How can I achieve this?

  •  1,559
    Laborator replied

    Hi there,

    1. The width of the container is the general width of the site, the problem is that you have set a full-width header and your screen is large that is why the container looks small, anyway let's get back to it,  can you please send us your site URL first, so we can investigate your site and then get back to you with possible solution. 


    P.S. make sure you've disabled the Maintenance/Coming Soon mode

    2. Can you tell me where do you want to add the info on mini cart:

      

    (view large version)

    3. We have used this CSS to make it full-width, paste it in the Custom CSS to adopt it for your site:

    /* Body: Large Screens */
    @media (min-width: 1400px) {
        .container {
            width: 1370px;
            max-width: 1370px;    
        }
        
        .vc-container .vc-parent-row.row-stretch_row>.vc_row,
        .vc-container .vc-parent-row.row-default {
            width: 1370px;
            max-width: 1370px;    
        }    
    }
    /* Body: Large Screens */
    @media (min-width: 1600px) {
        .container {
            width: 1570px;
            max-width: 1570px;    
        }
        
        .vc-container .vc-parent-row.row-stretch_row>.vc_row,
        .vc-container .vc-parent-row.row-default {
            width: 1570px;
            max-width: 1570px;    
        }
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • wwfoods1 replied

    Thank you, the width is now all set, I was on a high res screen that's why it was so small. Unfortunately, I can't give you a live URL, because right now its being developed locally. 

    As for the mini-cart, I want to show the sizes below Quantity in the mini-cart. I have attached the full cart version for reference. 


    Also one more thing I wanted to ask is, is it possible to have woocommerce product categories to be in tab form on the shop page or any other page? I found a website on your showcase that does this, link is below


    http://kvantum.de/

  • [deleted] replied

    Hi,

    2. To add cart item meta below quantity please add the following code in functions.php (end of file):

    // Meta data for cart item in mini cart
    function kalium_woocommerce_mini_cart_after_quantity_show_meta( $cart_item, $cart_item_key, $_product ) {
    // Meta data
    echo WC()->cart->get_item_data( $cart_item );
    }

    add_action( 'kalium_woocommerce_mini_cart_after_quantity', 'kalium_woocommerce_mini_cart_after_quantity_show_meta', 10, 3 );

    Right now (in 2.1.3) this action "kalium_woocommerce_mini_cart_after_quantity" is not present on  the theme so to add it download this file and replace it in this directory (of the theme): /tpls

    In future versions you don't need to replace this file (the above code is needed for you to use.

  • wwfoods1 replied

    I replaced the file in kalium/tpls and then pasted the code in kalium-child/functions.php. I have attached a screenshot below. It did not work. Doesn't display the sizes.



  • [deleted] replied

    Hi,

    Well in this case I guess you want to show size attribute independently, so I created different code:

    // Meta data for cart item in mini cart
    function kalium_woocommerce_mini_cart_after_quantity_show_meta( $cart_item, $cart_item_key, $_product ) {
    // Product size
    $size = $_product->get_attribute( 'size' );

    if ( ! empty( $size ) ) {
    echo "<span class=\"product-attribute\"><strong>Size:</strong> {$size}</span>";
    }
    }

    add_action( 'kalium_woocommerce_mini_cart_after_quantity', 'kalium_woocommerce_mini_cart_after_quantity_show_meta', 10, 3 );

    You can try this, it worked for me. In case the product attribute has different name, then change 'size' to 'something-else'.

  • wwfoods1 replied

    Thank you, that worked perfectly. I have two last question related to the mini cart.

     I have edited checkout, cart templates by copying them and editing them in my child theme. I tried to edit the mini cart but it doesn't seem to be working. Neither the wc-mini-cart.php nor the mini-cart.php do anything. What I want to do is have all the price divs and spans in a php if loop whereby if the user is not admin, the prices will be hidden. I've already done this in other pages but it doesn't seem to work on mini-cart. 

    Another thing is, is it possible to allow Live Search (AJAX) in the search bar?

  • [deleted] replied

    Hi 

    Sorry but Arlind was out of office and he will be back on office on Monday. I saw that you also added an other ticket for the same thing so I will mark this ticket as closed so Arlind will reply to your other ticket on Monday.

    Thanks!