Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #9148

    Hi,

    I would like to insert product manually on pages and blog posts by using the woocommerce shortcodes so that they show up like here: http://evergreenemusic.com/shop. When I use woocommerce shortcodes (doesn’t matter which one) it always displays as really ugly list (see http://evergreenemusic.com/john-kruth/ under releases). Any css I can replace to make all shortcodes render like the actual shop page?

    Thanks,

    Mark

    #63624

    Hi Mark,

    I just looked over the links you provided and it appears you have sorted out the display issue. I’m going to go ahead and update the status to Resolved. Please correct me/respond if the issue hasn’t been resolved so we can address it for you.

    Regards,

    Devin

    #63625

    Hi Devin,

    Thanks for getting back to me, but the issue isn’t resolved at all. The products still display as a list (with bullet point, wrong header font). If you check both links, you will note they display differently. I would like the manual inserts to use the same code as the default shop display (no bullet points, small font with lower case letters).

    Any help would be appreciated.

    Thanks,

    Mark

    #63626

    Hey,

    add following code to css/custom.css or the quick css field to remove the bulet points:

    .products .product {
    list-style-type: none;
    }

    #63627

    Great. Thanks for that, bud. That removed the bullet. As to the font… where is the php for these functions? I’d like to change the header tag to a smaller one, if possible. Thank you!

    #63628

    I know it seems like a small thing, but any guidance as to where I can change the header tag for the woocommerce shortcodes would be greatly appreciated. It would allow me manually to create a more pleasing shop front with custom product display order. As it is, the large all-cap header just looks totally out of place. Thank you for any help you can offer.

    -Mark

    #63629

    Well… took me a while to figure it out…

    In woocommerce/templates/loop-shop.php

    Replaced <h1><?php the_title(); ?></h1> with:

    <h2 style=”font-size:14px;”><?php the_title(); ?></h2>

    That did the trick.

    See: http://starsandletters.com/artists/misfit-mod/

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Woocommerce Shortcodes displaying as lists’ is closed to new replies.