Forum Replies Created
-
Posts
-
Hi Ronald, did you enable a mobile menu through your Symbiostock Express settings? Go to Symbiostock Express > Menu Settings > scroll down to Mobile Menu Options.
Then choose these settings:
Mobile Menu only show button: select ‘On’
Submenu items collapse until opened: select ‘On’
Then you need to create your mobile menu through the WordPress Dashboard. Go to Appearance > Menus
You can either create a custom menu for your mobile menu, or you can use an existing menu if you have already created one. Select the menu you that want then under it’s Menu Settings > Theme Locations > select Mobile Navigation. Click Save Menu
Let me know if you need more help with this.
Hi Ronald. If you are using the Symbiostock Express theme, you can add a footer section to your site using the steps outlined here:
http://www.symbiostock.org/forums/topic/some-symbiostock-express-questions/#post-23189
When you are adding widgets to your footer column, you need to add the SymbiostockExpress: Social Links widget to one of your footer columns. With the SymbiostockExpress: Social Links widget you can add links to various social media pages and you can add a title such as ‘Follow Us’ to this section. Your social media links will show up as a link icons the way it does on the Symbiostock Express demo site.
Here I’ve implemented Symzio results on the search results page:
http://demo.symbiostock.com/?s=food
http://demo.symbiostock.com/?s=appleTo do this with Symbiostock Express theme:
1) In your WP dashboard go to Appearance > Widgets.
2) There is a box called the Primary Sidebar Box – if you are not using this widget area in any location then you can do this. Remove any existing widgets from the Primary Sidebar.
3) Add Symzio Search Widget to Primary Sidebar.
Personalise the Symzio widget to your liking. I used the following settings:
Number of Results: 3
Box Width & Height: 250
Media Filter: All/SearchClick Save
4) Go to Symbiostock Express > Misc Settings > scroll down to Search Results
Search Results – choose Sidebar: Primary Sidebar
Click Save Changes
Hi Franky,
With the mobile menu what happens is that when the screen size of the browsing device is below a certain pixel width, the theme uses the set mobile menu instead of the primary menu (if you have enabled a mobile menu). At the moment the mobile menu does not include the search icon. We will be adding this shortly to a future update. Thanks for bringing it to our attention.
Hi Geraint, this is how you can change the font size and font color of your Topbar menu:
1) In your WP dashboard go to Symbiostock Express > Advanced Settings
2) In the space provided for Custom CSS paste the following:
.topbarmenu ul li a {
font-size: 15px;
color: #74219e;
}You can increase/decrease the font size to your liking. If you find that increasing the font size makes your Topbar menu flow into two lines and you want to keep the single line look then also include this into the Custom CSS area:
.kad-topbar-left {
width:100%;
}Let me know how you went!
Oh and I like the name of your site – it’s catchy!
Hey Ozgur,
I’ve made a ‘Browse by categories’ addition to the demo site in response to the sort of design concept you’re looking for – take a look at the Symbiostock Express demo’s landing page now – you’ll see what I’ve done just above the dark footer area. Creating this takes a little bit of work but the end result is quite nice and you can tweak it to your needs. Here’s how to do it:
1) You have to create 2 new pages (Pages > Add Page). Title one of them ‘Home’ and the other ‘Blog’ (if you already have a blog page then you don’t need to create a new one). Don’t write anything in the body of the pages.
2) Now in your WordPress dashboard go to Settings > Reading.
3) Under Reading Settings there will be options for ‘Front page displays‘. Choose ‘A static page‘.
For the ‘Front Page‘ option choose ‘Home’
For ‘Posts page‘ option choose ‘Blog’
Click ‘Save Changes‘4) Now go to Symbiostock Express > Home Layout
Scroll down to the ‘Homepage Layout Manager‘ section. Drag and drop the ‘Page Content‘ option into the Enabled box and place it as the last element with the box.
Click ‘Save Changes‘.
5) Now in your WordPress dashboard go to Appearance > Menus. Create 3 new menus – one to represent each column of categories that you want. Title the menu names as:
Categories Column 1
Categories Column 2
Categories Column 3
Do not assign the new menus to any location. Add the Product Categories that you want to show up in each menu.6) Install and activate the Page Builder plugin (https://wordpress.org/plugins/siteorigin-panels/).
7) In your WordPress dashboard go to Pages. You are now going to edit the ‘Home’ page that we created earlier – the page title will show the words ‘Front Page’ next to it to indicate that it is the homepage of your site. Click Edit for Home page.
8) Click Page Builder to switch to page builder mode.
9) Click ‘Add Row‘. Implement the following parameters in your ‘Edit Row’ window:
Set row layout: 4
columns with a ratio of: Even(1)
going from: left to rightLayout >
Padding Top: 40px
Padding Bottom: 40pxClick ‘Save‘.
9) Select your first column by clicking on the first blue rectangle. It should now be highlighted. Click Add Widget. Select the ‘Text‘ widget.
10) Hover over the newly added Text widget and click ‘Edit‘. In the body field type:
Browse Images by
CategoryUnder Attributes > CSS Styles insert:
font-size:30px;
line-height:30px;Click ‘Done‘
11) Select your second column by clicking on the next blue rectangle. Click Add Widget. Select the ‘Custom Menu‘ widget.
10) Hover over the newly added ‘Custom Menu’ widget and click ‘Edit’.
12) In the ‘Select Menu‘ drop-down choose ‘Categories Column 1’. Click ‘Done’.
13) Repeat steps 10-12 for your remaining two columns, but make sure to choose Categories Column 2 & Categories Column 3 for Select Menu.
14) One you have finished editing the widgets click Update to save the changes to your page. Take a look at your live page – everything should be in order except for one aspect – there should be bullets appearing next to each category. If you want to remove the bullets do the next step.
15) In your WP dashboard go to Appearance > Custom CSS.
Insert the following CSS:ul.menu li { list-style-type: none; }
Click ‘Update Custom CSS‘.
Now those bullet points should be gone.
This was a bit of a lengthy tutorial but hopefully it provides a reasonable intro into how you can use page builder to create unique page elements. You can add more rows/columns to create unique looking category menus. Play around with it, see what you come up with. Let me know if you need clarification for any of the steps.
The search functions are WordPress controlled and so WordPress code would need to be altered in order to exclude pages in search results. I’m going to look into it and get back to you.
Regarding Toggle buttons for list/grid also for Search results:
This is not a feature we have for the theme, but I’ll mark it down as something to look into adding for future theme updates.Regarding Related products:
Yeah, this is Robin’s department. The way related products show up is entirely a Woocommerce issue – definitely something we want to improve upon in the future.I noticed on your shop page you have both ‘Show Category Filter on Shop Page’ and ‘Use Infinite Scroll on Shop pages’ settings enabled? We don’t recommend using the category filter together with infinite scroll – causes issues for the filter when there are so many products in queue to load.
If you have any other Symbiostock Express theme questions, just post it up!
Hey Frank it’s good to have you here! Your site is looking wonderful 🙂
I recently vamped up the demo site and haven’t had a chance yet to add certain elements into the documentation. So let’s get to your question..
Categories and Photos on Startscreen of Shop:
1) In your WordPress dashboard go to Symbiostock > Categories
2) One by one, you need to edit and add an image to each of your categories. Do this by clicking ‘Edit’ under the category name, then upload an image for the Thumbnail (‘Upload/Add image’ button). Remember to click ‘Update‘ once you have selected your image.
3) In your WordPress dashboard go to WooCommerce > Products > Display
4) Under Shop Page Display select ‘Show Both‘. Now if you go to your shop page, your shop categories should show up.
5) This next step is to show you how you can make some design adjustments to the way the categories show up.
Go to Symbiostock Express > Shop Settings. Scroll down to the ‘Shop Category Image Size‘ section. Here you can decide how many columns you want the categories to appear in and also the aspect ratio. For the demo site I used these settings:
Shop Category Column Layout: Four Column
Category Image Aspect Ratio: Wide Landscape 4:2That’s it for your first question – let me know if you had any issues.
In the RSS feed you would paste your RSS feed url if you have one. To make an RSS feed you need to use a third party RSS generator. Unless you’re writing alot of blog articles, I don’t think the rss feed is really useful for a photography store (or is it??).
wow, your slider looks fantastic! I’m so glad that the guide was helpful for you 🙂
You’re welcome! Your drop down menu looks good 🙂
Just so you are aware – when you are adding photos to your categories, you can bulk apply categories to photos but there is no way to bulk remove categories. This is a known WordPress problem. I have made a post about it here
The grey box under you logo is there because you have ‘Icon Menu’ enabled but it has no content added, to it so its showing up as a blank box.
To get rid of it do this:
1) Go to Symbiostock Express > Home Layout
2) In the ‘Homepage Layout Manager‘ section, you will see you have two columns: Disabled and Enabled.
You need to remove ‘Icon Menu‘ from your Enabled column. Use your cursor to drag and drop it into the Disabled column.
3) Click ‘Save Changes‘
Let me know if this solved the issue.
Hi there, I can help you with both those issues.
To add a drop down categories menu, follow these steps:
(Note: make sure you have already created your product categories through Symbiostock > Categories)
1) Go to Appearance > Menus
2) Select your ‘Primary Navigation’ menu.
3) In the ‘Custom Links‘ box, add this:
URL: #
Link Text: CategoriesThen click ‘Add to Menu’ button.
4) In the top right area of your dashboard, you will see a tab that says ‘Screen Options‘. Select Screen Options and tick the ‘Product Categories‘ check box.
Now you will see a Product Categories option show up your Edit Menus area. See this:
You can select all the product categories that you want and add them to your menu. Select all of them by clicking ‘Select All’ and the ‘Add to Menu’.
5) To create the drop down effect, you need to drag and drop each of your product categories so that they are indented below the ‘Categories’ item that we made in step 3. See this:
Using drag and drop you can arrange them according to the order you want your product categories to show up.
Once you are done, click ‘Save Menu‘
That’s it for your drop down menu – let me know how you went!