Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,187 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38436 comments found.

Hi, I’m expecting a little problem with products when they are placed inside page builder in one page design- Product demo. So, In the woocommerce I can’t assign home page for shop page, when there is no assigned page in woocommerce options when you click on the link the link is there but it’s not working. You can see the example in shop.kopitoto.bg- sepecification section. You can see there the products and if you try to click you can’t go further. Can you give a hint what to do. When I assign the home page for shop page the one page design and the whole vision of the template crashes. Thanks a lot.

Hey g_ignatov,

Currently I have been able to navigate to your single product pages e.g. http://shop.kopitoto.bg/produkt/%d0%b1%d1%8a%d1%84-%d0%b2%d1%8a%d0%b6%d0%b5%d1%82%d0%b0/ Are you still expericing this issue?

Yes, but after navigation try to click on a product and you’ll see that the click is not working- anywhere- picture, price, buy. Also you will see that the link in the status bar of the browser is ok, and if you hit the right button – open in new tab it will be ok.

the problem was from the browser I suspect. Last month I’m working with waterfox. Sorry.

Hello guys, when are you going to publish the new version of the theme, with new templates? All the best and thank you!

Hey sdoganati,

We’re expecting to release it later this month :)

Cheers

Can’t wait, thank you!

You’re welcome sdoganati :)

​Hi there, I know my support has ended but I have been trying for ages to see where the default image for the WooCommerce Shop header can be changed. I had a look at the source code and see that it’s being pulled from Unsplash. Would love some assistance on where it can be changed as there doesn’t seem to be anything on the backend.

Thank you!!

Hey SCOPEDigitalAgency,

You can use the page header metabox at the bottom of the edit page screen for whichever page is assigned as the “Shop” page from the WooCommerce plugin settings.

Cheers

Hello I really like your topic but I need to know if I can put a schedule of hours with the hours and classes that are done every week, is there a plugin?

this plugins i possible? Timetable Responsive Schedule For WordPress

Hey wowsrb,

I have not personally tested with that plugin, however if you encounter any issues just let me know.

Cheers

Is there any css styling for BARN2 media’s WooCommerce product tables plugin? Looks pretty old fashioned at the moment.

Hey MarcGarner,

We have not added any additional styling for that plugin.

Hey m8, on my website www.elitesportspt.de i want to show the Video NOT on smartphones. When i set the “Hide” checkbox in the Options it still appears on my iphone. Can u help me?

Best, Andi

Hey Andi,

The option only removes the video BG layer and not the whole row. If you need to remove the row itself, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.using-mobile-browser .home .top-level {
   display: none; 
}

Cheers

Thx man, but row is still visible

Sorry there’s an extra space in that selector – it should be:

.using-mobile-browser.home .top-level {
   display: none; 
}

Please bro how can i remove the default sorting drop down from the woocommerce completely?

Hey TruBrotha,

add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.woocommerce .woocommerce-ordering { display: none!important; }

Cheers

Hello. The nectar slider doesn’t display arrow navigation on mobile. How do I get them to show?

hello, thanks for the reply. I’ve tried that and it doens’t seem to work.

I should clarify, it works on a mobile-phone web browser. But not Chrome or Firefox on my iPhone. Do you know why?

Hey woodsier,

Have you tried to clear your browser cache on the device after inserting it?

Tried searching comments before I posted this question, but didn’t find an answer. In a single blog post page with no sidebar, where would I control the blog post container width? It’s just a little too wide and therefore makes for some long lines across the page.

Thanks so much for the kinds words :)

It’s awesome to hear you’re enjoying everything!

In regards to the author bio, could you kindly share your URL so I can see your blog settings?

No problem. I’ve removed the coming soon status and made the site live for you to view.

http://JosephHollak.com and the sample blog post is found at http://josephhollak.com/talent/on-vacation/

Is it possible to widen the Bio, and does the bio respond to < b r / > code to make it easier to read?

Thank you hollak :) You can use the following:


.ascend #author-bio img { margin-bottom: 0; }

.ascend .container-wrap #author-bio #author-info {
    width: 100%!important;
    white-space: pre-line;
}

Hi Guys,

I know it’s possible to hide the background image in a row on mobile devices, though is there a code I can use to hide the image when the screen size is smaller than a certain number of pixels?

I have a background image that looks great on larger computer screens, but not so great on small screens and I’d like to keep the image but remove it for the smaller screen sizes.

Thanks!

Hey cwayneboss,

add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


@media only screen and (max-width: 1200px) {
div[data-bg-mobile-hidden="true"] .row-bg {
     background-image: none!important;
}
}

Cheers

Hi ThemeNectar,

I’m having trouble getting javascript to work in Salient. I’m trying to replicate this volume slider: https://codepen.io/emilcarlsson/pen/PPNLPy

The HTML5 and CSS parts seem to be working fine but the javascript isn’t.

I have tried the following:

1. Adding the javascript to the init.js file

2. Adding the javascript to a Raw JS element on the page

3. Adding the javascript to the new ‘Custom JS Code’ section in the Salient options

What am I doing wrong?

Thanks,

Hey marklovin, that javascript is using jQuery so it would have to load after that. It’s also relying on the “slider” element which is apart of jQuery UI and is not loaded by WordPress by default on the frontend.

Cheers

Hi, Why can’t I see the checkout and success pages in the e-commerce ultimate demo? Thanks!

Hey apinzon,

this is what the checkout page looks like: https://ibb.co/Zgpwn2t could you kindly let me know what you’re seeing when you attempt to go to that page?

Thanks in advance

I’m adding lazy load images to my site and I’m using A3 Lazy Load plugin (which works wonderfully with Salient, for anyone who’s interested). However… it has a little problem with WooCommerce:

If I use your WooCommerce products shortcode on a page, the lazy load works perfectly: https://tinyurl.com/yy4m8yg5 you can see on my homepage.

But if I go to the Shop or products archive pages, the lazy load doesnt work. The plugin doesn’t add the “lazy-hidden” class to the product images: https://tinyurl.com/yyqpny85

Is there a difference between the output of the shortcode and of the archive pages? I couldn’t spot one. If I just added class=”lazy-hidden” manually to the archive page product images it would work… I couldn’t see how to that easily? I’m looking in /helpers/woocommerce.php … any ideas?

I see lots of people looking for a lazy load option here, with this tweak A3 Lazy Load becomes a great solution for Salient.

Hey Sean, I’ve noted it on the wishlist :)

I am able to get lazy load for WooCommerce archives working by changing this:

echo woocommerce_get_product_thumbnail() . $product_second_image;

to this:

echo the_post_thumbnail('shop_catalog' ) . $product_second_image;

in /nectar/helpers/woocommerce.php

Not sure if it’s the most elegant solution but it seems to work with A3 Lazy Load !! yay.

Thanks for sharing Sean :)

Hi, can we rmove the captcha tab from the website that sticks out from the right hand side of the browser? Its a bit disctratcing and covers up important text? Thanks https://www.atmotion.co.uk

Hey alisonleon,

add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.grecaptcha-badge {
    display: none!important;
}

Hi again, i am searching for a simple thing :) how can i use own styles in the paragraph section of the editor? thanks for your help

Hey haoe, can you elaborate further on what you’re trying to alter and also let me know if you’re using the WPBakery page builder or Gutenberg?

Thanks :)

I have two problems. When I share my site on Instagram the preview text is pulled from somewhere unknown on the site. Also the share button on my site doesn’t work! Please help.

Hey Brittneylewis, I’m not seeing that text appear anywhere in the page source code. However, since you don’t explicitly have a description tag setup yet, please install an SEO plugin such as Yoast to add one: https://yoast.com/wordpress/plugins/seo/

Thanks, that worked like a gem! :)

Glad I could help Brittneylewis :)

Hi, I want to make the dropdown background color with transparency, can you please share the custom css to archive this, thanks!

Hey robRazor :)

add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


body:not([data-header-format="left-header"]) #top .sf-menu li ul {
    background-color: rgba(0,0,0,0.5)!important;
}

Hello, is there a way to change the logo URL used by the theme to an external URL?

Hey csandstedt,

this would require modding the “nectar_logo_output” function, which is located in the nectar/helpers/header.php file. You can copy it into your child theme as well to keep the change persistent through future updates.

I’ve contacted my hosting company and they said that this is not part of the child theme. How do I get this file into the child theme?

Hey csandstedt, the nectar_logo_output is a function that exists in the file I listed above (i.e. nectar/helpers/header.php) The function itself needs to be copied from that file into a child theme functions.php

Since updating the theme some of my text elements have had their alignment altered. See the 2 left hand coloured boxes on this page, they should be like the one on the right -https://www.foodieflavours.com/shop/flavours/natural-flavouring/natural-aniseed-flavouring/

The has happened on all of my product pages. Is there a was of changing it without having to go through each individual page?

Hey MarcGarner, you could use the following:


.single-product .wpb_text_column ul li {
    text-align: left;
}

Hi ThemeNectar,

I am trying to add a ‘Hover Effect’ similar to what is seen here: https://neileverosborne.com/art/home/the-photographs

to single images found on the homepage: https://neileverosborne.com

The following snippet of code below has been added but only appears to give a white effect.

.center img.img-with-animation:hover { opacity: 0.3; }

Is it possible to change the colour?

Many thanks.

Best, Alan

Hey Alan,

add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.img-with-aniamtion-wrap a { 
display: block; 
position: relative; 
}
.vc_col-sm-4 .center.img-with-aniamtion-wrap a:after {
  position: absolute;
  display: block;
  z-index: 100;
  background-color: #C3AB73; 
  opacity: 0;
  content: '';
  height: 100%;
  width: 100%;
  transition: all 0.2s ease;
 top: 0;
 left: 0;
}

.center.img-with-aniamtion-wrap a:hover:after {
  opacity: 0.7;
}

Cheers

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey