- This topic has 17 replies, 2 voices, and was last updated 6 years, 11 months ago by Andrew Misplon.
- AuthorPosts
- October 29, 2017 at 12:46 pm #8155
danny weissParticipantHi 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.October 29, 2017 at 1:47 pm #8158
Andrew MisplonKeymasterHi 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.October 29, 2017 at 1:50 pm #8159
danny weissParticipantHi Andrew,
That would be great, thank you 🙂
October 29, 2017 at 2:09 pm #8161
Andrew MisplonKeymasterThanks 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 fromAppearance > Themes
.
3. Install the ZIP file fromAppearance > Themes > Add New > Upload Theme
and activate.Let me know how that goes.
October 29, 2017 at 2:11 pm #8162
Andrew MisplonKeymasterSorry, one moment. I did the theme build from the incorrect branch. Let me upload a new version.
October 29, 2017 at 2:14 pm #8165
Andrew MisplonKeymasterHere 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.
October 30, 2017 at 1:00 pm #8166
danny weissParticipantThat’s perfect, the shortcode works now. Thank you!
October 30, 2017 at 1:56 pm #8167
Andrew MisplonKeymasterSuper, 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
October 30, 2017 at 3:56 pm #8168
danny weissParticipantI 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?
October 30, 2017 at 4:06 pm #8169
Andrew MisplonKeymasterThat’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; }
October 30, 2017 at 7:49 pm #8174
danny weissParticipantWorks like a charm 🙂
Thank you, Andrew! You have a great theme and fantastic support team, keep up the good work guys!October 30, 2017 at 8:02 pm #8175
Andrew MisplonKeymasterAwesome 🙂 Glad to hear that did the trick. Thanks for your positive feedback. Glad to hear the theme is working out. Chat soon, cheers.
November 3, 2017 at 10:05 pm #8196
danny weissParticipantHi 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
November 4, 2017 at 5:26 am #8202
Andrew MisplonKeymasterHi, please, change the previous rule to:
.woocommerce .onsale { border-radius: 50%; height: 50px; padding: 16px 0 0 0; text-align: center; width: 50px; }
November 6, 2017 at 4:16 pm #8219
danny weissParticipantHi Andrew,
Unfortunately that didn’t solve the issue, maybe it’s a different class in the .css file.
- AuthorPosts
You must be logged in to reply to this topic.