Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Contributor Mike Jolley (a11n)

    (@mikejolley)

    Since each product can vary you have 2 options:

    1. Use a javascript script to find the largest height and set all other divs to that same height
    2. Limit the length of product titles (use a filter or a template change/override)

    Thread Starter 71gazza

    (@71gazza)

    Thanks for the suggestions.
    Unfortunately my coding skills are very limited, can you point me in the right direction please?

    Plugin Contributor Mike Jolley (a11n)

    (@mikejolley)

    Thread Starter 71gazza

    (@71gazza)

    Still not sure how this will help me?

    @71gazza
    You can use php code to truncate the longer product titles, but an alternative approach is to use custom css to set the available height for titles to be sufficient for the longest title that you expect. Buy buttons will then line up. Please post a url to a relevant page for help with this, as the required css varies by theme.

    Thread Starter 71gazza

    (@71gazza)

    Thanks for the response lorro.
    My site is not live yet.
    The theme i am using is zerif lite, not sure if you are familiar with this theme?

    That theme looks like it uses the usual markup. Try this in your custom css:

    .products .product h3 {height:70px}
    .woocommerce ul.products li.product a img {height:182px}

    The first line is for a two line product title, increase the value if your titles need more lines. You shouldn’t need the second line if all your images are the same size.

    Hi Guys,

    I’m having a problem with my search results, after searching for products it will show a white blank page only.

    Here is my code for search form

    `<form role=”search” method=”get” id=”searchform” action=”<?php echo esc_url( home_url( ‘/’ ) ); ?>”>
    <div>
    <label class=”screen-reader-text” for=”s”><?php _e( ‘Search for:’, ‘woocommerce’ ); ?></label>
    <input type=”text” value=”<?php echo get_search_query(); ?>” name=”s” id=”s” placeholder=”<?php _e( ‘DDMMYY’, ‘woocommerce’ ); ?>” />
    <input type=”submit” id=”searchsubmit” value=”<?php echo esc_attr__( ‘Search’ ); ?>” />
    <input type=”hidden” name=”post_type” value=’product’ />
    </div>

    </form>

    Does anyone know this kind of problem?

    Thread Starter 71gazza

    (@71gazza)

    Thanks lorro – that worked a treat!!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Category display of products’ is closed to new replies.