Woocommerce Shortcodes displaying as lists « Support Forum | Kriesi.at

Support Forum » Flashlight

Woocommerce Shortcodes displaying as lists

7 posts from 3 voices

Started 1 year ago by markrokosmos
Latest reply from markrokosmos
This topic is resolved

Tags:

markrokosmos
Member

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

Posted 1 year ago #
Devin
Moderator

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

Posted 1 year ago #
markrokosmos
Member

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

Posted 1 year ago #
Dude
Dude
Hey,
add following code to css/custom.css or the quick css field to remove the bulet points:
```
.products .product {
    list-style-type: none;
}
```
Posted 1 year ago #
markrokosmos
Member

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!

Posted 1 year ago #
markrokosmos
Member

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

Posted 1 year ago #
markrokosmos
Member

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/

Posted 1 year ago #