CP-Tabber
Tabber is jquery based lightweight plugin for ClassiPress to add clean, responsive and structured tabs to show specific custom fields as tabs on an ad detail page you’ll be able to show custom fields of your choice as tabs on an ad detail page. The label you set one will be used as the tab name and the value visitors provide while, submitting an ad will be used as content for the tab. For the best utilization of the webpage, tabs are one of the most effective way to show more content in less area.
The Tabber plugin is fully integrates with existing custom fields you can transform your existing custom fields into tabs on an ad detail page. All you need to do is click on the appropriate option while editing the custom field and the field is ready to go. You can also enable tabs for system generated fields like description (ads description) and Feedback.
Demo For An Ads Detail Page Custom Fields Tabs
Significant Features :
- Jquery based lightweight plugin
- Easy configuration
- Clean, responsive and structured tabs
- Enable – Disable tabs for ad description
- Enable – Disable tabs for specific custom field
- WordPress Multisite compatible
- Compatible with ClassiPress 3.4+ and WordPress 3.4
How to use Tabber for ClassiPress?
- Install Tabber on your site then follow below steps.
- After install go to wp-admin –> ClassiPress –> Custom Fields Add or Edit Fields
- Scroll down below where you are creating or editing your custom field you can see “Tabber Settings” with a check box out to the side. If you click on the checkbox it will make it so that particular field shows up as a tab on your website ad detail page.
- After that you have to make sure that you have created a “Form Layouts” for your site. If you have not created “Form Layouts” then you need to create. Please check tutorial for Creating Custom Fields and Forms
Installation Guide:
- Extract zip file on path /wp-content/plugins/ directory.
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Go to wp-admin –> ClassiPress –> Custom Fields Add OR Edit Fields see at bottom of page “Tabber Settings” to enable or disable tabs for custom field.
Support Policy
However it is important to us to make sure that every customer is satisfied with our products. Therefore we have a dedicated Support Team helping you to solve any products-related issues in timely and efficient manner.We are also very active on twitter or facebook where you can certainly catch our attention.
Before you reach us upon a problem?
- Read the documentation guide for your theme and plugin.
- Search the Support Forums for an answer.
- Submit a new thread inside the forums or Email Us on info@reloadweb.co.uk in case the issue requires us to connect to your site this may happen those times when we feel more individual attention to your issue may be required. When we do direct you to our Email support system, we may ask you for your login details.
Support Hours
We don’t have exact support hours, generally we can provide feedback on any support request within 12 or 24 hours. But note, that depending on the issue complexity and our workload. If we are online and able to provide you with support during the officially “holidays” period we will certainly not ignore you.
Support Offered
We only cover support for the Reload Web, add-ons,child themes and basic WordPress help. We cannot provide support on third-party plugins. we will try to help you with any type of requests including customization that requires only a couple lines of code changing, you must understand that we cannot provide extensive help in terms of modifications.
Moreover, technical support will always take priority over modification/customization requests.
Modification support
If your request for modification or customization help only requires us to publish a couple lines of code, we will be glad to assist you. If however you request requires more an that amount of code to be published, we can only provide guidance OR you can hire us if you don’t have the skins to implement it yourself.
Bug Fixing
It is our commitment to fix all theme bugs as quickly as possible after they are brought to our attention. We will also try provide a solution via the forum for smaller bug fixes, after which we will update the core theme or plugin.
1.2 – 23/05/2017
- Fixed: Display description twice when enable tab for description.
1.1 – 24/02/2017
- Compatible with WordPress 4.7 and ClassiPress 3.5.8
1.0 – 01/04/2015
- Initial release
- Compatible with WordPress 4.0 and ClassiPress 3.4
One review of “CP-Tabber”
Tabber seems to work best when in the php for a single ad (single-ad-listing.php) in the active theme or child-theme this line is removed completely:
When the description field in a form is marked to be a separate tab, Tabber works just fine on my website. If the lines above are not removed I get a double description on each ad.
I adjusted the padding to 25px, and on mobile devices with a max screen-width of 600px I added:
.tabprice div.singletab {
padding: 10px;
padding-top:20px;
}
That way I think the text shows best.
On cp-tabber.php I have set the details which appear when using check-boxes so they appear below each other. In the original version they showed up behind each other.
Look for:
if ( $field->field_type == ‘checkbox’ ) {
$post_meta_val = get_post_meta( $post->ID, $field->field_name, false );
$post_meta_val = implode(“
“, $post_meta_val );
}
Note that between the “ ” I have replaced the content with
. That’s it.
The other changes were done by css inside cp-tabber.php, just some colors and such.
It works fine now on one site, so I guess it will work fine on all.
My opinion on this app?
Well, it took me some time to get it the way I want it, most people will like it the way it is bought. But now I have played around with it for a while I think this is a must have if you want your site to be complete. Low price, maximum effect. No problems with heavy scripting, works like a charm on mobile devices.
Five stars, no doubts about that!
Comments (53)
nice plugin. great work done.
I am confused on SEO integration or permalink integration this pluginn has with default without tabber plugin
for example
without tabber- ads permalinks look like this
http://demos.reloadweb.co.uk/ads/ea-sports-fifa-15-ps4
with tabber
http://demos.reloadweb.co.uk/tabber-classipress/ads/ea-sports-fifa-15-ps4/#–filds—
1.is it mendatory once we install tabber,we must create tabs for all ads?
if yes then , can we adit default “slugs”
if not then
2.how can we index same site with tabber or without tabber urls ads?
can we integrate to one constant link for seo use.
i tryed to get all these answers by posting demo ads but posting ad is disabled in demo.can i test for above before i proceed to purchase.
anyhow this is better plugin for classipress
thank you for your work. keep working
Hi Veer,
Thanks for your interest and all kind of words.
Regarding your confusion it’s not any issue for SEO if you installed tabber plugin on your site search engine will not indexed url with end of hash string default ClassiPress provided tabs on an ad details page right sidebar for Map , Contact and Poster
http://demos.reloadweb.co.uk/tabber-classipress/ads/ea-sports-fifa-15-ps4/#priceblock1 Map (Visitor jump to Map Tab using this URL)
http://demos.reloadweb.co.uk/tabber-classipress/ads/ea-sports-fifa-15-ps4/#priceblock2 Contact (Visitor jump to Contact Tab using this URL)
http://demos.reloadweb.co.uk/tabber-classipress/ads/ea-sports-fifa-15-ps4/#priceblock3 Poster (Visitor jump to Poster Tab using this URL)
Jquery Tab generate url with end of hash string so main purpose of generating this type of URL only jump visitor to specific tab nothing more. Right now this things not happen in plugin i will fix this one.
So Don’t worry about it it will not effect on your SEO or else you can run any url with end of hash string like below.
http://demos.reloadweb.co.uk/tabber-classipress/ads/ea-sports-fifa-15-ps4/#ahmed
http://demos.reloadweb.co.uk/tabber-classipress/ads/ea-sports-fifa-15-ps4/#veer
For your more satisfaction about SEO you can read this http://moz.com/ugc/common-url-related-seo-mistakes moz community article on this type of url you can read 4. Dynamic AJAX Content Non-Indexable AJAX URL: http://www.example.com/news.html#latest
Thanks
Ahmed
Hi thanks for your reply
In ur tabber demo home page,all ads links are changed from default
http://www.yoursite.com/ads/ads title
to
http://www.yoursite.com/classipress-tabber/ads
So by installing tabber default ads URL changes?
I use your dealpress theme so this is compatible to dealpress?
If yes can we use this for posts or pages ?
Can we use this for all other child themes of classipress?
I would like to purchase this …thanks
veer,
I have set custom permalink in my demo it’s not related to CP-Tabber plugin. Permalink what we have set in wp-admin settings it’s nothing to do with tabber plugin so answer of your question it will not change any url of ads or else.
No it’s not compatible with DealPress and you can use only for ads not for pages or posts.
Thanks
Ahmed
Thanks for reply.
I use ur dealpreass…is there any plan for tabber plugin for dealpress near future? If yes when can expect releases
Thank u
Veer,
DealPress has already tabs on an ad detail page with full layout that’s why tabber will not work. Yes you can run tabber with dealpress but only page layout for right side bar or left side bar.
Thanks
Ahmed
have a look to that thread
http://forums.appthemes.com/help-using-vantage/import-custom-form-field-86837/#post361763
I think the plugin conflict with custom field import for listings
tradeamillion,
It’s ClassiPress Tabber plugin i think you have posted comment on wrong place. I am tested Vantage Tabber plugin there is no issue found which version of Tabber plugin you are using latest is 1.1.3.
Thanks
Ahmed
hi,
you have any plans of tabber for your dealpress and storepress child themes. Its great if you can develop that. If present tabber can be integrated to your both storepress and dealpress then its great news.I would like to buy it.
i want this tabber to appear withing the decription page or home page of ads
thank you for reading,
veer,
I think it will work with StorePress and ClassiPRess but ad details page should not be full width in page layout settings.
Thanks
Ahmed
hi
I would like to buy your tabber. as i said i use your classipress child themes store n deal press. i want to test this plugin before buy. i tryed to test in your demo link since u disabled save option i cant able to test. can u plz send screen shots of tabber in ur childthemes.
how many tabs we can create? upto 3 in given ad detail page or more or limited?
if u give m access to test this plugin for ur childtheme then its great news. plz reply early
Veer,
It’s working fine please check it i am giving you screenshots url here to you
https://marketplace.appthemes.com/files/2015/05/ad_detail_right_side_tabber.png
StorePress ad detail page with right side bar
https://marketplace.appthemes.com/files/2015/05/ad_detail_full_tabber.png
StorePress ad detail page with full width
Thanks
Ahmed
Hi thank for your reply n screen shots
How many tabs we can create n display in given ad detail page? Up to 3? Or more? Or restricted to some numbers?
What if I need 5 tabs to be displayed in details page,in screen shot I can see 3 additional tabs after description tab.
veer,
It’s support unlimited tabs if more 4 or 5 tabs it will display as second line it will not look good so there should be limitation 4 or 5 it will good.
Thanks
Ahmed
One last question
I hope this tabber allow front end user based data filling while submitting ads n shows same data at ad detail page.
veer,
Yes work same as default classipress custom field. So answer is yes allow front end user based data filling while submitting ads n shows same data at ad detail page.
Thanks
Ahmed
I am unable to do html wihtin the tabber. HOw Can I make style changes to my font or even embed photos?
market1234,
Just disable/deactive cp-tabber plugin and try to add html content in classipress custom fields you will notice ClassiPress not allow to add html in custom fields so it’s default classipress behavior.
Regarding font you need to customize plugin css for font.
Thanks
Ahmed
I have a suggestion for this…How about making the tabs interact with the category structure of classipress? I will give an example that I am sure many have seen before:
http://www.gumtree.com/
Just under the slider on the homepage, you will see 7 categories:
Motors to Pets…When you click on one, they drop like the tabs do. That would be pretty slick. Just a suggestion.
I am a pretty slow at building but, my plans on in play, and this plugin also looks like it’s going to be in my list of must haves as well.
Brian
Hi, I am wondering if this plugin is compatible with the AdSpalsh childtheme. Thank you.
100mileliving,
I am not tested it with AdSpalsh childtheme.
Thanks
Ahmed
Can this be modified to ad tabs to main adlisting page for custom field sorting?
thedaigle,
Sorry I am not getting you what you want exactly.
Thanks
Ahmed
Hi
May I use CP-Tabber plugins theme version 3.5.1 is it possible because I have already bought it
How can use new version of my theme? 3.5 1
ademkampanya,
Yes CP-Tabber plugins compatible with ClassiPress 3.5.1.
Thanks
Ahmed
ademkampanya,
You can check this tutorial how to install classipress https://docs.appthemes.com/classipress/how-to-install-classipress/.
How to upgrade classipress check it out if you have already install Classipress http://forums.appthemes.com/help-using-classipress/how-upgrade-theme-classipress-90291/
Thanks
Ahmed