Page settings & Layout manager
By now your site has the look and feel of a true Bi-shop theme.
In this section, you will learn all about the Bi-shop customization to make your site like the demo without to use our sample data. I suggest you going to our support forum and watching our videotutorials.
Use the Page Settings panel
In Pages open a page. Under the editor you can find the "Page settings" panel. Active it to customize the page:
Then in the Settings tab you can:
- Turn on/off the title of the page
- Turn on/off breadcrumb of the page
- Add a slogan (if click on "on" you can enter the text. Add a word inside the square parenthesis to make it with a different color)
- Set the layout of the page: no sidebar, double sidebar, sidebar left, sidebar right. Choose the sidebar you want to show in the page
- Choose if add or not this page in the sitemap
Then in the SEO tab you can:
- Enter the title of the page
- Enter a short description
- Enter some keywords for the page
In the header tab you can:
- Set a slider for this page. Set "none" if you want a static header
- Set a static image. If you turn on this option, you can upload an image for your header and add an url if you want to add a link to the image
- Activate the parallax effect on this header image, to have a parallax header. If you turn on this option you can add a text under the header
- Add a custom background for your header (the section where you have the logo, the menu the navigation and the cart). If you turn on this option you can upload a custom image for your header.
In the Body background tab you can:
- Set a background color for this page, and choose the color using the color picker
- Upload a background image
- Set the position and other settings for this image (set "repeat" if you use a pattern, and "fixed" if you want that the background image stay fixed without to scroll, etc..)
- If you use the boxed layout you can set also the background color for the body of the page.
In the Google map tab you can:
- Add the url of the map (you have to take this url from the google map site)
- Choose if you want to add a box under the map and enter the text for this box
Use the Theme Options panel
In Bi-shop > Theme options you can find the panel to customize the theme and to manage the general settings.
- set the layout for your theme: boxed or stretched (wide)
- activate the "back to top" button
- turn on/off the responsive version for mobile devices
- upload your favicon image
- turn off the default wordpress bar on the top
- turn off comments from the pages
In the other tab of the General page you can enable the SEO features and manage the Google fonts subset (latin, cyrillic fonts, etc.)
In the Header page:
- Set the header skin: if you want the menu under the logo, the logo centered and so on
- Choose if you want the sticky header or not
- Upload a custom logo (if you don't want to use a logo image turn off this option and make a logo using a font in the typography panel)
- Turn on/off the logo tagline (is the site description you can enter in Settings > general)
- Turn on/off the topbar and set the content
- Turn on/off the infobar (the bar under the navigation menu) and set the content
In the Content page:
- customize the 404 error page: add text, upload an image and so on
- manage the settings for your blog: the layout, the layout for the post detail page, how many article to show and so on.
In the Footer page:
- Set the footer type
- Set how many rows add to the footer
- Set how many widget add in each row
- Enter content for the copyright area
In the Shop page:
- Enable the shop features (or use the theme in "catalog mode")
- Set how many products display per page
- Enable VAT and SSN field
- Customize text for add to cart and on sale
- Upload a custom icon to replace the cart icon
- Customize the shop page
- Customize the product detail page
- Customize the category page
In the Typography and Color page:
- Customize the typography of the theme
- Set the basic color scheme
- Customize colors for each section
Use the Layouts manager
In Bi-shop > Layouts you can find the Layouts manager:
In this section you can make an advanced customization for each page, product page and post of the site.
Select the page you want to customize and in the header panel you can set the slider of this page or set/upload a custom header. You can also set a parallax header and enter a text on the image.
In the Page settings panel you can activate the title of the page and the breadcrumbs, add a slogan in the page:
In the Body background panel you can set the background color for the page or upload a custom image. You can also customize the color for the body of the site:
In the Layout panel you can set the page layout: choose if you want to add a sidebar to the page, set the sidebar position and choose the sidebar from the select.
In the SEO panel you can set the page title, a small description and some keywords to improve the SEO of this page.