Diva asked at the beginning “What types of stores is WooCommerce best for?” since I spoke negatively about it at the beginning. The answer is WooCommerce is best for stores that have complex functionality. For example, if you run a subscription website where you want to charge somebody $300 for a year for the the
The next thing we are going to talk about is CSS and how to change default WooCommerce colors on a Thesis 2.3 site. I showed you on byobwebsite where you can download that. Click on Resources on the menu then scroll down to Thesis 2.3 and on the list there is this “Download the Thesis
Now we’re going to look at support for the photo gallery on a Thesis 2.3, WooCommerce store. And that something you’re changing, you’re going to automatically have support for the photo gallery? Chris? Chris: Yes. So the next release includes automatic script generation to support those things. Rick: If you want it right now, again,
Something you may very well want to do in your WooCommerce, Thesis 2.3 store is to give your product pages a different widget area. This is especially true if you’ve got a bunch of pages and a blog and that sort of thing. You may want to just create your own widget area to have
We just saw how easy it was to make a specific product category full width in WooCommerce and Thesis 2.3. Next we want to show you how to make all product categories full page as well. We are going to do something very familiar. Let’s go back over to the Skin Editor and then you’re
We’ve been working on how to make the Shop page and other pages in WooCommerce full width on a Thesis 2.3 site. Now let’s make a specific product category full width. For example, come back over to our Shop page and let’s make the Clothing one full width. Come to our Clothing category. Four of
You just saw how easy it was to make the WooCommerce Shop page full width in Thesis 2.3. Now let’s say you want to make your cart page full width. Chances are by the time you get somebody to the cart or checkout you don’t want anything in the sidebar distracting them. It’s actually quite
Now that you understand how the WooCommerce Shop page works I want to show you how to make your shop page full width in Thesis 2.3. That happens in the Skin Editor. From where we are on the site right now you can see the template that is being used to display this. So you
If you are using Thesis 2 but haven’t started using WooCommerce yet then the first thing to do is to upgrade to Thesis 2.3 and then to install and setup WooCommerce. This class is not about how to install and setup WooCommerce. But once you’ve done that this is what you have, you have a
The very first thing we are going to do in this Thesis 2.3 for the WooCommerce Store Owner seminar is to upgrade an existing store because many people have been operating Thesis and WooCommerce since Thesis 2 came out. They’ve been using a plugin that was created by Serge Liatko, the WooCommerce Thesis Integrator plugin.
Let’s talk about the benefits of using Thesis 2.3 with WooCommerce before we get into customizations. In the first place you get all the inherent benefits of Thesis. Its speed, its efficient and all that kind of stuff. Its schema, its SEO, all of the things that you are using Thesis for in the first
This seminar is for anybody who is either already operating Thesis 2 and a WooCommerce store or people who are considering doing that in the future. It is designed so that if you are a beginner there are things you can do right away to get started. There is also material for advanced users, in particular, designers and developers who may want to extend, alter or change the way the default system of Thesis and WooCommerce working together. We show you how to customize your shop pages and change default WooCommerce elements.
Why should you use Agility? Well, Agility has been improved to be easier for both beginners and professionals. For beginners we have made it easier to layout and style the site, there is easy social networking setup and much more. There are special design options and more just for the Pros. In this seminar you will learn all the basics of using the Agility Skin. You get a thorough overview of all the options, how to use images in Agility and how to set up the header, footer, page displays and settings. These videos are available to free members.
In this session we show how to fix a display problem using a clearing div inside of a collapsing container in a 2 column Contact 7 Form. The problem happens because there is div collapse with the floating columns. Any time you've got floating columns, you need to make sure that those columns are inside
Rick: It's time for questions...Gertrude has a question. Good evening, Gertrude, hi. Gertrude: Good evening. Yeah and I'm just wondering if it would not be a good idea just to have the video, the Fix It video which means this is just a sample, instead of having 2 columns, have that going right across and
We are at the final step in creating a video landing page in Agility. It’s time to make sure the page is responsive. Let’s go over to the responsinator and you can see it actually is nice and responsive. You start off seeing the site on a phone. The image comes down to the right
We just finished the second section of the landing page by adding styling to the content area in Agility so next up is the third section. The third section of the page has these two columns and what we're going to do is use widget columns for these. There will be a widget here and
We finished adding content on the landing page in Agility with text and video and now it’s time to work on some styling. Here's our example, the video sits here, we’ve got a secondary headline and then we've got our text. Finally, we’ve got our DO IT NOW! We can actually style this text separately
Now that we have the call to action area of the landing page done, we want to put the content in here. I have a block of content to put in this, so we're going to come over and edit the page. We're going to paste the text there. Let’s go to visual for a