-
AuthorPosts
-
February 19, 2019 at 3:22 am #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?
February 19, 2019 at 8:58 pm #1069091Hey 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,
VictoriaFebruary 19, 2019 at 9:12 pm #1069100See private content.
February 24, 2019 at 11:54 pm #1071050Hi,
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:
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,
MikeFebruary 25, 2019 at 6:29 pm #1071390This is great! Thank you!
February 26, 2019 at 7:01 am #1071648Hi,
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 -
AuthorPosts
- The topic ‘Product Subcategory Pages Should Look Like Product Categories’ is closed to new replies.