[Resolved] Woocommerce shortcode not working

  • Author
    Posts
  • #8155

    danny weiss
    Participant

    Hi folks,

    I’m building an ecommerce website and I’m using Polestar, however when I try to add some Woocommerce products using their shortcode on the home page, the theme doesn’t display them correctly. I’m trying to use this shortcode: [products limit=”4″ columns=”4″ orderby=”popularity” on_sale=”true”]. The products are displayed but in no more then 2 columns and I think there’s something in the theme css file preventing it from showing up the way they should. I know this because I’ve tried with a different theme and the shortcode works.
    So what should I change in the css? Please help me.

    #8158

    Andrew Misplon
    Keymaster

    Hi Danny

    Thanks for raising this. Polestar has a custom set of WooCommerce styles. Unfortunately, we haven’t added shortcode column styling just yet. There is a column setting for the shop and archive pages found at Customize > Theme Settings > WooCommerce. I’ll do my best to have this problem fixed for you by tomorrow and put out a release of the theme once it’s done.

    #8159

    danny weiss
    Participant

    Hi Andrew,

    That would be great, thank you 🙂

    #8161

    Andrew Misplon
    Keymaster

    Thanks for your understanding. Here is a hotfix release you can try: https://purothemes.com/wp-content/uploads/2017/10/polestar.1.0.13.1.zip.

    1. Download the ZIP file your desktop.
    2. Switch to any other theme and delete Polestar from Appearance > Themes.
    3. Install the ZIP file from Appearance > Themes > Add New > Upload Theme and activate.

    Let me know how that goes.

    #8162

    Andrew Misplon
    Keymaster

    Sorry, one moment. I did the theme build from the incorrect branch. Let me upload a new version.

    #8165

    Andrew Misplon
    Keymaster

    Here we go: https://purothemes.com/wp-content/uploads/2017/10/polestar.1.0.13.1-1.zip. Same instructions, just with this ZIP file. Thanks.

    #8166

    danny weiss
    Participant

    That’s perfect, the shortcode works now. Thank you!

    #8167

    Andrew Misplon
    Keymaster

    Super, glad to hear that did the trick. Thanks again for your feedback. If anything else comes up, please, let me know.

    All the best.

    Cheers

    #8168

    danny weiss
    Participant

    I have one more question: since I use a shortcode for items on sale I noticed that the Sale sign is rectangular. Can I turn this into a circle?

    #8169

    Andrew Misplon
    Keymaster

    That’s correct, that’s the theme’s styling for the sale tag. You can see that in action in the theme demo: https://demo.purothemes.com/polestar/shop/.

    It would take customisation to change that styling to a circle but it can be done. Add to Customize > Additional CSS:

    .woocommerce .onsale {
        border-radius: 50%;
        height: 50px;
        padding: 16px 0 0 1px;
        width: 50px;    
    }
    #8174

    danny weiss
    Participant

    Works like a charm 🙂
    Thank you, Andrew! You have a great theme and fantastic support team, keep up the good work guys!

    #8175

    Andrew Misplon
    Keymaster

    Awesome 🙂 Glad to hear that did the trick. Thanks for your positive feedback. Glad to hear the theme is working out. Chat soon, cheers.

    #8196

    danny weiss
    Participant

    Hi again,

    I just noticed this: after implementing the code above, the sale sign is not centered inside the circle on the product page. Here’s how it looks: https://imgur.com/a/fFHO4

    #8202

    Andrew Misplon
    Keymaster

    Hi, please, change the previous rule to:

    .woocommerce .onsale {
        border-radius: 50%;
        height: 50px;
        padding: 16px 0 0 0;
        text-align: center;
        width: 50px;
    }
    #8219

    danny weiss
    Participant

    Hi Andrew,

    Unfortunately that didn’t solve the issue, maybe it’s a different class in the .css file.

Viewing 15 posts - 1 through 15 (of 18 total)

You must be logged in to reply to this topic.

Scroll to top