WEB DESIGN

[parabuh]

Best solution is nestjs and nextjs :)

[DanH]

@orange trying to follow the first video - the guys just adds the kadence theme to his site. I have no option to do that - only installing the theme, for which I have to be a pro member. Is that right?

[Casey Kolb]

@DanH Woocommerce is great, but the learning curve is fairly steep and has a lot of really annoying quirks (we use it begrudgingly). I think a lot of devs use Shopify because everything is already set up. It's not as flexible as Woocommerce, but it's really quick and easy.

[Matt_SF]

@DanH You probably found the solution elswhere but just in case :

Download the free theme from Kadence using the "add new" option in the theme page :

then "Upload theme" :

and load the ZIP file you've downloaded.

[DanH]

@Matt_SF I can’t see the add theme button! I’m wondering if I need to be a pro user in order to do so. It’s just not there.

[DanH]

@Casey-Kolb can you do user areas etc in shopify?

[Casey Kolb]

@DanH Yes, I'm fairly certain you can do user stuff in Shopify. Woocommerce's will be more robust and flexible though. In general, Woocommerce just doesn't look as good as Shopify and the backend is incredibly clunky, but you have the advantage to add any plugins you need.

We use this plugin for our license management – it generates a new license for each order and sends it with the transactional email. https://www.licensemanager.at/

It also comes with a really easy API, so you can validate licenses with the HISE server functions.

[orange]

Shopify is more like "in-the-box" all in one solution when it is compared to WP. Not quite detailed but very easy to use. You can think Shopify as macOS : ) WP is more like Windows, you need to dig in to make a cool and fast website also you need to install lots of plugins which means lots of UPDATES and performance bottleneck according to the plugin that you use.

So go with big theme/plugin developers. You really need to be able to update your website with the latest versions to be secure. Unknown plugin/theme developers can bring some trouble to your website with security and performance wise.

• WordPress' market share is 43% of all websites around the World.

• WooCommerce powers over 28.19% of all online stores around the World.

Yes standard WooCommerce product page is so boring but you have the customization options. Wordpress is highly flexible and also very straight forward to use, however at the same time it can be difficult sometimes for a new user depending on your design and expectations. But you can search videos on YouTube about how to use it. There are tons of tutorials.

@DanH said in WEB DESIGN:

@orange trying to follow the first video - the guys just adds the kadence theme to his site. I have no option to do that - only installing the theme, for which I have to be a pro member. Is that right?

I think you are using a different Wordpress version, maybe beta? There is a Coming Soon text up left corner, normally it shouldn't appear. Here is a quick guide:

[d.healey]

If you want to do some fast prototyping without using a live web server and all that entails you should install XAMPP.

[orange]

@orange For the local Wordpress installation, you can also use very cool and easy to use app, LocalWP (it is free): https://localwp.com/

[ustk]

@orange @d-healey yeah I much prefer localwp too because it is made for WordPress, so as soon as you create a new site it installs and prepares WordPress, you open the browser and work instantly (very cool for trying things too in a blink of an eye)

Another cool feature is that it's easy to test your site from elsewhere by the mean of a tunnel (live link)

[DanH]

@orange Can anyone suggest a good and preferably free bulk coupon generator for woo commerce?

[d.healey]

@DanH I'm using this one https://en-gb.wordpress.org/plugins/coupon-generator-for-woocommerce/

[orange]

@DanH said in WEB DESIGN:

@orange Can anyone suggest a good and preferably free bulk coupon generator for woo commerce?

Coupon Generator for WooCommerce

Generate WooCommerce coupons easily and fast.

WordPress.org (wordpress.org)

[DanH]

@orange @d-healey thanks both. Should I be wary of using custom fonts?

[orange]

@DanH In that plugin, there is no option for the custom fonts.

You set the coupon conditions (product name, discount type/rate, usage limits...etc.) and it will create the codes automatically.

[DanH]

@orange Oh sorry haha! I mean in general for web design, is it ok to use custom fonts? Like if perhaps the user doesn't have the font installed, will it lead to issues?

[orange]

@DanH On the webste we are using Google fonts. Although these fonts are not available in some countries (such as China), web browser shows standart fonts automatically.

[DanH]

@orange Thank you :)

So I'm trying to edit the woo commerce checkout page. I tried some free apps quickly but they weren't great so trying to do it with some CSS code I found. I'm stuck on how to make a border in certain sections - whatever I change doesn't do anything below - wondered if you knew what i should look like:

form.woocommerce-EditAccountForm.edit-account {
 
            border: 0 !important; /* trying to edit this stuff and failing */
 
            background: #d8d8d8; /* this is the main background color for all forms */
 
}
 

[orange]

@DanH

Inspect the page with the right mouse click (on the Chrome or Safari...etc) to look at the css class of the element and modify it. Watch the parent css class that may override the rule.

Also maybe this will help: https://stackoverflow.com/questions/48156681/get-the-login-and-register-form-side-by-side-in-woocommerce

To add/override the custom css rules globally, you need to go to the "Customize > Additional CSS" section on the WP Admin panel.