No search results were found in Documentation!
I am using newspaper black version. 8.7.5
I want to be able to add menu items or links to just the mobile menu (hamburger menu)
There is so much wasted space on the mobile menu and it is a natural place for a user to find other site links when on a mobile device. However I dont want these to appear on the main desktop menu because there are too many and my main desktop menu only needs to have a 3 items to stay clean and easy. (home, about, shop).
and ideally the home button should be an icon…but I’ll make another post for that request.
for example, I need to be able to display items such as contact us, view cart in the mobile slide out menu.
these items appear on the the site but are in header menus or footer menus so they dont clutter up the main navigation.
I cannot use the mobile only template because it lacks the TD Composer elements which are essential to this layout and way too easy to use to make nice things.
How can I add items to JUST the mobile menu?
OR is anyone aware of a robust 3rd party menu plugin (paid or free) that works on Newspaper? I tried a few in the past and the results were not desirable.
thanks.
Hi,
I am looking to find a way to include the shopping cart icon, which also shows the products, quantity and price in a drop down.
I can find a plugin to do this but wanted to check first to ensure there isn’t something I’ve missed in the settings anywhere in this theme.
Ideally, I’d like to be able to do more as far E-commerce with this theme but seems it only has the very basic features to allow the display of products.
Could you advise please?
Thanks
Hello,
I’m having some “problems” with the Speed Booster plugin. I state that i’m not a newbie to this template and its plugins.
Said that, what follow is my problem: as you can see from the screenshot below, if i run the Google Page Speed for my articles, there’re two files that delay the render of the page (above-the-fold) only on the mobile version (i’m not using the dedicate mobile plugin because the theme is already mobile friendly).
I’ve added those files in my Speed Booster config file, but seems that isn’t working.
The second problem is: why the mobile pages needs 5 round trip to be loaded? (0 on desktop version)

Here’s my speed booster code for CSS and JS (not complete for security reasons):
function css_mover() {
//if ($this->td_theme_name == 'Newspaper') { }
// wp 011 - Newspaper 6
$this->move_style_to_footer_queue('bbp-default-bbpress'); //bbpress old
$this->move_style_to_footer_queue('bbp-default'); // bbpress
$this->move_style_to_footer_queue('contact-form-7');
$this->move_style_to_footer_queue('cookie-notice-front');
$this->move_style_to_footer_queue('ewww-image-optimizer');
$this->move_style_to_footer_queue('disqus-comment-system');
$this->move_style_to_footer_queue('yoast-seo-adminbar');
$this->move_style_to_footer_queue('rs-plugin-settings');
$this->move_style_to_footer_queue('td-mobile');
$this->move_style_to_footer_queue('td-theme');
$this->move_style_to_footer_queue('td-theme-child');
$this->move_style_to_footer_queue('td-theme-woo');
$this->move_style_to_footer_queue('td-theme-demo-style');
$this->move_style_to_footer_queue('td_live_css_frontend');
$this->move_style_to_footer_queue('td-theme-bbpress');
$this->move_style_to_footer_queue('font-awesome-four');
$this->move_style_to_footer_queue('cookie-consent');
if ($this->is_ie === false) {
// move style.css theme style
$this->move_style_to_footer_queue('js_composer_front');
$this->move_style_to_footer_queue('td-mobile');
$this->move_style_to_footer_queue('td-theme');
$this->move_style_to_footer_queue('td-theme-child');
$this->move_style_to_footer_queue('td-theme-woo');
$this->move_style_to_footer_queue('td-theme-demo-style');
$this->move_style_to_footer_queue('td_live_css_frontend');
$this->move_style_to_footer_queue('td-theme-bbpress');
$this->move_style_to_footer_queue('font-awesome-four');
}
//@todo test on newsmag
$this->move_style_to_footer_queue('woocommerce_prettyPhoto_css'); //on product page
$this->move_style_to_footer_queue('woocommerce_frontend_styles'); //old woocommerce?
$this->move_style_to_footer_queue('woocommerce-layout');
$this->move_style_to_footer_queue('woocommerce-smallscreen');
$this->move_style_to_footer_queue('woocommerce-general');
//$this->move_style_to_footer_queue('bp-legacy-css');
//google fonts
$this->move_style_to_footer_queue('google-fonts-style');
$this->move_style_to_footer_queue('google_font_open_sans');
$this->move_style_to_footer_queue('google_font_roboto');
$this->move_style_to_footer_queue('google_font_roboto_cond');
$this->move_style_to_footer_queue('google-fonts-style');
$this->move_style_to_footer_queue('google-font-ubuntu');
//move revolution slider css
$this->move_style_to_footer_queue('rs-plugin-settings');
$this->move_style_to_footer_queue('genericons'); //still rev slider
//$this->move_style_to_footer_queue('js_composer_front');
}
/**
* move javascript to footer
*/
$this->move_js_to_footer('themepunchtools');
$this->move_js_to_footer('revmin');
$this->move_js_to_footer('vc_woocommerce-add-to-cart-js');
$this->move_js_to_footer('contact-form-7');
$this->move_js_to_footer('cookie-notice-front');
$this->move_js_to_footer('disqus-comment-system');
$this->move_js_to_footer('ewww-image-optimizer');
$this->move_js_to_footer('revmin');
$this->move_js_to_footer('tp-tools');
$this->move_js_to_footer('jquery');
$this->move_js_to_footer('comment-reply');
$this->move_js_to_footer('js_files_for_plugin_live_css');
$this->move_js_to_footer('js_files_for_live_css');
$this->move_js_to_footer('js_files_for_ace_ext');
$this->move_js_to_footer('js_files_for_ace');
$this->move_js_to_footer('td-site-min');
$this->move_js_to_footer('td-site');
$this->move_js_to_footer('cookie-consent');
//print_r($wp_scripts);
// replace comment-reply.min.js with inline version
}
Hi Simion, in our staging site 8.5 theme release (local) we have moved the search lens in the top menu (this is ok).
The problem is that we want the cart (icon and text) on the right of the header menu? We use “WP Menu Cart plugin” that works great with 8.2 theme release.
What do you think?
https://www.dropbox.com/s/dk98goxt5re4p9r/cart-problem.png
Hi,
How can I add “Cart” icon to top menu bar or main menu bar?
I did not see any option regarding to this.
Hello,
The cart will not show up automatcally in our theme. You will have to add it custom like so:
https://forum.tagdiv.com/search/cart+icon/
Thank you!
Hello,
First, is their a setting that allow us to put a woocommerce cart button/icon somewhere in the top?
Reason why I favor this is when someone places a product in their cart, I would like to have a cart icon that can also show the number of items they have in their cart. Something similar like Amazon or other e-commerce sites.
Is this possible?
Thank you.
Hi,
This is not working, I did add the custom url code, it its not coming. i AM USING NEWSPAPER FROM ALST 3-4 YEARS .. IN EARLIER VERSION, THIS THEME was nicely integrated with woocommerce. Under menu section, there was an option to use icons instead of named menu, and that icon menu was special. when you add any item into cart, it used to show number of items in cart. next to cart menu.
Hello,
You can add a Custom Link to your menu item and add the HTML for the cart icon: http://fortawesome.github.io/Font-Awesome/icon/shopping-cart/
You will have to use the font awesome 4 menus plugin.
Thank you!
how to show cart icon near to menu bar in woo commerce.
this was visible in older version of newspaper.
Hi, i use Woocommerce store page but i need also a “Basket/My cart” icon (with counter of purchase) in the right side of menu. Any idea to solve?
Really thanks.
If just the text is what you are after, you can try this css code:
.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg{
font-size:30px!important;
}
I have tested the button on one of my posts but the cart icon appeared without problems on posts also, thre could be something affecting the fonts on your posts. Please disable all plugins except visual composer, clear cache and reset cdn files.
Let us know how it goes.
Dear Bogdan,
Thank you so much for your help. I have already done it an looks really good! Just missing 2 things…
The first one, how can I make the “BUY NOW” button bigger size? (see example below)
http://www.damnkicks.com/nike-air-max-90-utility/
As a reference, this is the code I currently have for the button:
<div class=”vc_column-inner “><div class=”wpb_wrapper”><style type=”text/css”>.vc_btn3-style-gradient-custom.vc_btn-gradient-btn-5835c50785a35:hover{color: #ffffff;background-color: #e51c20;border: none;background-position: 100% 0;}</style><style type=”text/css”>.vc_btn3-style-gradient-custom.vc_btn-gradient-btn-5835c50785a35{color: #ffffff;border: none;background-color: #ba2a2a;background-image: -webkit-linear-gradient(left, #ba2a2a 0%, #e51c20 50%,#ba2a2a 100%);background-image: linear-gradient(to right, #ba2a2a 0%, #e51c20 50%,#ba2a2a 100%);-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;background-size: 200% 100%;}</style><div class=”vc_btn3-container wpb_animate_when_almost_visible wpb_bottom-to-top vc_btn3-center vc_custom_1479918720170 wpb_start_animation”><i class=”vc_btn3-icon fa fa-shopping-cart”></i> BUY NOW</div>
</div></div>
On the other hand, the button doesn’t show up the icon I selected (it looks good here for example:
http://www.damnkicks.com/send-us-images). How can I do it, it’s really important for me.
Thank you so much!
How can I hide the search icon on my top menu bar? http://www.gadgetfriendly.net
I plan on moving the cart over to the right hand side and then moving the search bar down to the smaller menu beneath. Also, if you see the site the code in place for search bar has applied to both menus and all attempts of mine to limit it just 1 have not worked so far. Does anyone know what names the menus go by so I can apply it to this code? – NOTE: Already tried menu names shown in appearance > menu
add_filter(‘wp_nav_menu_items’,’add_search_box’, 10, 2);
function add_search_box($items, $args) {
ob_start();
get_search_form();
$searchform = ob_get_contents();
ob_end_clean();
$items .= ‘
‘;
return $items;
}
?>
Thanks!
Hi, and thanks for your interest for our products.
At this moment the theme is only compatible with the woocommerce plugin, not to much customization or custom code that change the woocommerce functionality. We only change the style of the plugin to be in according with the theme design and also added some settings in Theme panel for the custom sidebar and sidebar position.
In the next period we will concentrate to add more better integration with the Woocommerce like invoice and package label generator and other cool features.
About that icon in menu for the shopping cart is not a big deal, can be added via code at this moment until we will develop a complete solution.
Thanks for you message!
Have a nice day!
Marius from tagDiv
Hi I have bought this theme along with the Sahifa theme.
I have to say for the magazine side of things this is way better and more powerful for layouts (very confusing) but i see wht it has to be to get the power!
However being a national magazine we also do “shop the look” and a variety of deals to sell products we feature in the magazine.
The problem is that the woocommerce integration is no where near complete, there is no shopping cart icon in the menu which is a woocommerce class that should be hard programmed into the them as with every other woocommerce them out there. so i am using the woocommerce show cart plugin which is not ideal to be adding lots of plugins.
The documentation for woocommerce integration is none existent and the sidebar selection doesn’t work properly.
I need to be able to create a beautiful store from with featured products and special offers with a nice big header that pulls out the latest reviews.
Also you demo theme has a different footer in the woocommerce page than in the rest of the site this is also something required as it won’t do it on my theme so not sure how you guys did it? maybe its a different domain?
Also when reviewing a product we would need a buy it now button in the final thoughts comment box next to the rating so people could click and go to the store product to purchase?
Anyway it all seems very very close to me and with a little extra working could definatley be the best theme out there for shopping as well as magazines.
I installed sahifa first and have this running at the moment but can’t make the switch as intended. Coule you let me know if there are plans to expand on the woocommerce side of the theme or not please so i can make relevant plans for a switch over.
I would be using 2 licenses for 2 sites but also have my wifes 2 sites that i would probably buy 2 more licenses for and switch those over too.
You guys really are onto something here as we all know that content is king and if we can run our ecommerce sites at the back of the reviews and blogging section it makes for a better website but we have to be able to create a beautiful shopping home page!
Thanks for reading and i hope you decide to take that extra step.
JK
Hi Chris!
Use this for the Proceed to Checkout button
.woocommerce-page .woocommerce a.button {
font-size: 18px;
}
For the iPad issue add this and see if works:
.woocommerce-cart .woocommerce table.cart .button {
display: inherit;
}
Ok about the icons, if you need help, just let me know.
Thanks!
Hi,
1. I’ve fixed the buttons issue on cart page, this is the fix, if you want to use it until the next update
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce-cart .woocommerce .coupon {
float: left !important;
padding-bottom: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce-cart .woocommerce .button {
width: auto !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce-cart .woocommerce .actions {
text-align: right !important;
}
}
2.
a) do you want to remove those lines: http://screencast.com/t/C02fdMGIMG0 if yes use this CSS:
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info {
border: 0 !important;
}
b) For that icon, you can replace it with this CSS, from font-awesome or other font you want, just replace the content with the icon you want. For test i just copied an icon from this chart: http://fontawesome.io/cheatsheet/
Result: http://screencast.com/t/C02fdMGIMG0
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before {
content: "";
font-family: fontawesome;
}
About the Proceed to Checkout button do you want to make it more larger, e.g. 16px?! Where? Sorry but i don’t understand here what do you want exactly.
Thanks for the message!
Have a nice day
HI, Lucian
okay here are two screen shots … note I’m using iPad Air, which has “retina” screen, so would apply to all “modern” iPads (v3, v4, air, air 2). I know it works a little different than simply dragging in side of browser, as that was throwing me too for testing — hence why I always check stuff on the pesky little devil 🙂
okay screen shot 1 shows the way the add coupon and update cart fall kind of funky with the latest iteration of WooCommerce, due to their finally somewhat standardizing their darn buttons. Now everybody’s corrections for that kind of need to be undone.
So:

Seems like I also need to apply the same button 18px fix for the ‘proceed to checkout’ so that’s it’s CLEAR what to do NEXT.
————-
and this is the other thing I want to change to some kind of image icon — or something which is better, even if it’s just a 8 pixel solid color line on left side (e.g., | vs box)

I guess I can edit this in the style.css … but am “suggesting” some kind of (i) or [i] for info glypicon or something that is not so bland — a box that looks like it could be a checkbox, or something doesn’t scream (INFO!).
So, probably easiest thing is
a) how to REMOVE the little box which I think you did purely with CSS box/border in the style, to be “before” the “info” text element from woo.
b) add font awesome icon span to CSS style sheet — and I can load fontawesome fonts — or, if you have something better in your built-in glyph font (the one used for search spyglass, etc.) that we could insert into that slot in the style.css – that would be awesome (as we still say in California!). 🙂
THANK YOU!
Hi! Thanks, Marius
I’ve been getting education on using the hooks to add custom text in the functions.php file vs hacking the WooCommerce theme, so this is my first (!) WooCommerce install, which is hard to believe after all these years, but there you are.
THANK YOU for the button alt code; that was tricky … didn’t get the syntax on that. I’ll update on that.
Figure the breadcrumbs were in-built as I did look at the woocommerce.php file in the theme folder, and went “ahhhhhh soooo.”
The only other minor quibble I have at moment (once I test button fix), is that in iPad portrait mode, on the cart view, the coupon button and update cart spacing got a little wonky due to the changes to WooCommerce — which I think they have now “stabilized” to the next generation (meaning 2015 code vs 2010 code on a lot of stuff!).
I will need to make screen cap of the iPad on this particular issue of the viewport spacing for iPad portrait, as that is the “tricky” one.
For changing the “icon” in the “info” boxes on payment pages, it looks like I need to edit the CSS to change the box you’re making with CSS, and insert a font awesome icon or something there.
Hi, might be annoying question, but is there a cheat sheet anywhere of the pre-existing Boostrap classes which might have survived all the customizations?
E.g., Bootstrap 3 table classes? Color classes?
Normally I don’t need to deal with that for the “magazine” site, but for my ecom system I need to make a table on front page for our services for quick add to cart “chart”, and it occurred to me it was difficult to determine which classes were valid due to mix of CSS, LESS stuff. Newspaper 1.0 was pretty simple, Newsmag not as much, in this regard.
For example, to make red, or blue text in Bootstrap, the classes are easy to use; similarly the table classes have the striped, responsive options.
Also, any icon set being used, such as glyphs from Bootstrap, or a icon set list for your custom version of Fontawesome?
For instance, simply adding a shopping cart icon span manually on a custom table layout for a button, the built in Bootstrap buttons, colors, and FA cart class would be super helpful.
Seems dumb for me to hook a new version of Fontawesome to the theme since your font is being loaded, but not clear what icons are included in your version? (I guess I could open the TTF and print a spec sheet …. but that would be good to have for the theme docs, especially if Newsmag 1.6 will share some “conceptual” elements for Newspaper 5).
Basically, need to create responsive table with 5 columns, add to cart buttons and shopping cart icons on buttons, and be able to set some text red and some blue — all of that would take short time in Bootstrap (e.g., the active, info, warning, table-condensed, table-responsive classes); but not certain what of those classes carried over to the theme? Hence my query.
So, guess I’m looking for a Bootstrap 3 cheat sheet of what basic CSS elements survived, and a specimen sheet for the built in font/icons/glyphs, is such exists.
Trying to avoid ever using “shortcodes” which are against my religion, not being theme agnostic 🙂
Thanks, as ever!
Hi,
Thanks! Please use this custom css to change the list images: http://screencast.com/t/X1jCQBdL
.td-post-content ul {
list-style: url(https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.2365-6/851584_550213765042223_593501542_n.png);
}
.td-post-content ul > li:before {
display: none;
}
Replace the list style url path with your own and add the other lists that you want to style like this to the css as this is just for posts lists.
For quotes it’s not that easy. You can chose pull quotes center style for example then replace the content the “before” element which contains the right quotes image with your own then style the quotes to look and fit well with your image.
Ex:
1. set pull quotes center: http://screencast.com/t/v1QPOfu1Asb
2. replace the background image of the first quotes with your own and hide the other from the right. You also need to change the height and width values.
Here is an example of how it could look: http://screencast.com/t/m5JuU7Ef
.post .td_pull_quote p:before, .page .td_pull_quote p:before {
background:url('http://islamicartdb.com/wp-content/uploads/cache/2014/12/quote-icon-def/780757907.png') no-repeat;
width: 50px;
height: 50px;
top: 10px;
}
.post .td_pull_quote p:after, .page .td_pull_quote p:after {
display: none;
}
You need some css/html knowledge to get this done so if you don’t know how to customize this we suggest you to get a freelancer from sites like: http://studio.envato.com/ as you need custom work for this and at the moment we cannot provide custom work as we work hard on the development, updates, fixes and support.
Hope this helps!
Thanks