ShopIsle Theme Tutorial: How To Customize Each Section

In this tutorial, we will customize the ShopIsle WordPress theme, the free version. If you are going to follow the guide until the end, you will be able to set up ShopIsle exactly like this. I will explain what each section does so you can edit the options as you want. Let’s start with the first section – the “Site Identity”. This is where you can change the site title and subtitle displayed here. I don’t have a logo for this project yet, so I will change only the Site Title with Online Clothing Shelf and the Tagline with “how to start an online store on WordPress step by step”. You can type a slogan here, something like “dressing with personality” or any other combination of words that can better describe your products in a short sentence. Publish the changes on finish then move to the next step. I think this is the fastest section of the customizer we will walk through.

Two option here to change the Header Text Color and the Background Color. If you want more color schemes I recommend you check out the PRO version. The header image is what you see in the header area of your pages by default and if you want to change that, just click on Add New Image here. Upload your own image or choose one from the Media Library. Select and then crop the image and that’s it. If you want to use more images randomly, upload them one by one then click on “randomize uploaded headers” here. Now you can see that if you toggle through different pages, the images are used randomly so you won’t have the same image on every single page. Nice trick! Let’s save the changes and move to the next element. Before customizing the Frontpage Sections, we need to go to the Homepage Settings to choose a static page as a Homepage and the Blog page. If we don’t have them already we can create pages fast like so…

Click on Add New Page link here, name the page as Home then click on Add. Same with the Blog page. Now, publish the changes and then go back to your Frontpage Sections. Once you set a static page as your homepage, you’ll see the default content every section comes with. the Slider Section, the Banners Section, the Products Section and the Products Slider Section. I will walk you through how to customize them step by step so stay with me. In the Slider section, we have three slides by default. You can delete a slide or add more slides as well, like so… In order to be fully populated with content, a slide should get an image, a title, subtitle, button link and button label.

Adding images smaller than 2000 px here will generate blurry results so I recommend you upload good quality images. For example, all the images I use here have full HD resolution and are looking great. After changing the images and other options in the slides as you want, publish the changes and go back to the Frontpage Sections. The banner section is where you can upload images with coupons or special discounts and you can feature here a new collection as well. Just upload the image, set a link to that offer or collection, if needed, then publish the changes. These sections are populated with products automatically but if you want to change the category, for example, go to the customizer, front page sections and change the products category in the drop down. If you have a few products, leave this as it is by default so visitors can see all your products in these sections. This is a very important section which you can use to display a video with clients using your products, for example. It will have a huge impact on your visitors for sure. What you need to do is to set a title here, insert a youtube link in the field like so and set a video thumbnail if you want it.

Then you can publish the changes and your video section is done. The footer area, like the header, is what your visitors will see in the bottom area of your website on any page or post they access. Here we have four areas which you can use to add any available widgets into. Adding these widgets is easy and there are two ways of adding them. One is to access the widgets area in the customizer and the second is to go to the widgets link in the Appearance menu on your dashboard. The advantage of creating them here is that you can drag the elements from footer area 1 to footer area 2 like so. I will add two images, first. One image in footer area 1 and another one in the footer area two.

Drag the image widget in the footer area 1 and then upload the image you want to use. Save the changes and the do the same with footer area 2. Image, upload and save, ok? Then add a product category widget named Category 1 in the footer area 3 and another Product Category widget named category 2 in the footer area 4. That’s it. If you take a look at the footer area right now you can see that everything is exactly where it should be. This is a simple notification bar which will help you inform users about your website policy.

To enable it, head to the Orbit Fox plugin and activate the Policy Notice module. If you don’t have a Privacy Policy page yet, WordPress helps you create on fast. Go to Privacy in the Settings menu on your dashboard and click “create new page”. Change the default text in the page with the details of your choice and then click on publish. After that, you can select that page to be the Policy Page in this drop-down menu.

Customize the Policy Description and the Policy Button label if you want it and then click on Save on the right side of your screen. The About Us page is something your visitors can check if they want to know more about your business. The Shopisle theme comes with custom templates you can use for that and here is what you need to do. Click on New/Page here and name your page About Us. Choose the About Us Template in the drop-down menu of your page attributes and then publish the page. Click to view that page and then on customize on the top bar to open the customizer of that page. Now you can change the details in the “our team” section, the “video” section and the “our advantages” too.

Create one more page named “Contact” and choose the contact template in the drop-down here. Publish the page and then go to the customizer and insert a contact form shortcode here, and a map shortcode here. To do that, install the WPForms Lite plugin, activate it then create a contact form like so. Enter your form name in this field, select a Simple Contact Form here, and then click Save. After that, click the Embed button, copy the shortcode and paste it in the contact form shortcode field like so. Next, install and activate the Intergeo Maps plugin. Create a new map and drag the location to New York, or choose the location of your business and then click on Create The Map. Copy its shortcode which you need to paste into the map shortcode field, like so. That’s it. The contact page is ready so click publish then move to the next step. You may see a default menu on your homepage right now, but if you want to create a custom menu instead, check out the recommended video on the card, or in the description box below. Creating the Main Menu its easy, using your pages as elements and if you want to add intuitive icons too, make sure you activate the Menu Icons module in the Orbit Fox Companion interface.

After that, your menu will look awesome with these intuitive icons near the name of each element… Ley’s go back to the customizer and see what you can do in the WooCommerce section. We have four sections here which allows us to customize some things. The Store Notice, first. You can use this notice to warn your visitors about the fact that this is just a demo store and no orders shall be fulfilled.

The Product Catalog is what the shop page and category will use and the default product sorting uses different sorting options you can choose in the drop-down. Cropping the product images into a square can be a good way to have a perfect alignment on the shop page but if you want to have them cropped into a custom size, you can choose the aspect ratio here. Furthermore, you may want to hide some of the checkout form fields like the company name, address line 2, and if you want to highlight the required fields make sure this box is checked. In the end, select two of the most important pages any e-commerce business should have, the Privacy Policy and the Terms & Conditions pages. Click on “publish” to save your changes and that’s it. Your online store is done. Now you can start promoting your WordPress online store and send motivated customers, ready to make a buying decision. Make sure you activate the Social Sharing module in the Orbit Fox panel so your visitors can share your products on different Social Media channels.

On the screen, you are going to see some other recommended videos so watch them next to grow your store. Hopefully, this tutorial was helpful. If it was, give it a thumbs up. Also, consider subscribing. I publish WordPress tutorials & guides weekly and I answer all the questions you guys leave in the comment section below. .

As found on Youtube

ADVERTISEMENT:

FINALLY HERE: New Software for push button viral traffic getting the cheapest (or even FREE) traffic from SIX high traffic websites!
The Ultimate “Competitor Spying” Software Makes Viral Marketing Campaigns Earning Juicy Affiliate Commissions From Unlimited Free
Traffic on Demand