Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1068719

    As the title says “Product Subcategory Pages Should Look Like Product Categories”
    Page A: https://iowaecigs.com/site/product-category/e-liquid/
    Page B: https://iowaecigs.com/site/product-category/e-liquid/chubby-bubble-vapes/

    Page A displays subcategories using minimal styling, the look is unappealing and not uniform.
    Page B displays products using standard styling, which is appealing and uniform.

    How do I make the display of subcategories look like Page B products?

    #1069091

    Hey tylrsmllr,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    #1069100

    See private content.

    #1071050

    Hi,
    Sorry for the late reply, sorry I didn’t find how to change the sub category pages, but I was able to change the styling some with javascript and css, perhaps you would like this:
    2019-02-24-164638
    Try adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_script(){
      ?>
      <script>
    jQuery(window).load(function(){
    jQuery( '#top.archive .product-category.product:first' ).each(function() {
      jQuery( '<div class="inner_product_header"><div class="avia-arrow"></div><div class="inner_product_header_table"><div class="inner_product_header_cell">' ).insertBefore( 'h2.woocommerce-loop-category__title' );
      });
    
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_script');

    Then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.archive .product-category.product a img {
    height: 228px !important;
    }
    #top.archive .product-category.product .inner_product_header {
        padding: 0px !important;
        min-height: 10px !important; 
    }
    #top.archive .product-category.product h2.woocommerce-loop-category__title {
    font-size: 1.3em !important;
    min-height: 20px !important; 
    padding-bottom: 20px !important;
    text-align: center !important; 
    }

    Best regards,
    Mike

    #1071390

    This is great! Thank you!

    #1071648

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Product Subcategory Pages Should Look Like Product Categories’ is closed to new replies.