Multiple Questions on Nota Theme

[WoogieChad]

Hi,

Great theme but had some questions and need help with:

How can I move the variable selection (ex. shoe size), quantity, add to cart button and add to wish list buttons directly under the price? So above the text/description.

How can I change “Add to Cart” to “Add to Bag”?

How can I update the shopping cart icon (sli-icon-basket) to a bag (sli-icon-bag) globally?

How can I center the very top bar promo text?

The search icon is slightly off and appears outside of the search box area?

http://d.pr/i/m5kV

Is there a way to get search bar and search functionality in the top bar menu?

I’ve put the product image to be at 60%, but the button text for “Add to Wishlist” get cuts off in the button. How can I change this text or fix?

Is there a way to add cart images to checkout page?

[David Martin – Support]

Hi,

1) Please install and activate the supplied child theme, inside the child theme functions.php file paste this:

remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart' , 30);
add_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart' , 10);

2) Inside the child theme functions.php file paste this:

function nota_custom_cart_button_text() {
	return __( 'Add to Bag', 'nota' );
}
add_filter( 'woocommerce_product_single_add_to_cart_text', 'nota_custom_cart_button_text' );

3) Inside the child theme functions.php file paste this and then add a product to the cart to refresh the WooCommerce AJAX fragment.

function nota_custom_cart_icon() {
	return '<i class="sli-icon-bag"></i>';
}
add_filter( 'nota_mobile_cart_icon', 'nota_custom_cart_icon' );
add_filter( 'nota_header_cart_icon', 'nota_custom_cart_icon' );
add_filter( 'nota_go_to_shop_icon', 'nota_custom_cart_icon' );

4) Vertically or Horizontally?

Theme Options => Header Options => Top Bar Layout => Option 2.

5) Please adjust the search icon using this CSS, Please add this to Theme Options => Custom CSS:

#header .sf-search-on-type.aux-item ul.menu > li > a.header-search-link i {
    line-height: 55px;
}

The header search in the top is not supported currently. Have you tested using the Full Header Search? Theme Options => Header Options?

6) Can you link me to that product? I currently see you have the buttons fullwidth.

7) Not currently no, you would need to use a developer to add this for you.

[WoogieChad]

This reply has been marked as private.

[David Martin – Support]

No problem, glad to help you.

1) I’d need to have FTP access to view your new action order.

2) Version 1.0.1 should have fixed this – I cannot replicate this on your site. Is this still an issue, if so please add a screenshot.

Thanks.

[WoogieChad]

This reply has been marked as private.

[David Martin – Support]

1)

Please add this to Theme Options => Custom CSS:

.product-price-wrap { opacity: 0; }

Please add this to Theme Options => Custom JS:

jQuery( document ).ready(function() {
   jQuery(".product-price-wrap").prependTo(".variations_button");
   jQuery('.product-price-wrap').css('display', 'block').transition({
		opacity: 1,
		delay: 200
	}, 600, "ease" );
});

2) I see, it looks like you use a custom product width on the smaller screen the text breaks. I would like to suggest to you if you would consider swapping the text for an icon on the smaller screen sizes? Let me know and I can help you.

Thanks.

[WoogieChad]

Thanks for your help, David. I am almost ready to show my client!

I have a couple more issues, so will start new questions below (some tied to previous issues):

1) Here is screenshot of broken Wishlist button on full screen on laptop. Can I shrink the text slightly so it fits? If not, yes, I’ll use an icon.

https://dev.danielgibbings.com/product/bezel-diamond-band/

http://d.pr/i/4pSr

2) How can I add some padding in between the WooCommerce filters on the category pages via the dropdown menu:

http://d.pr/i/bpsX

3) How can I globally change the text of “Add to Cart” to “Add to Bag” on category view hover buttons?

https://dev.danielgibbings.com/category/women/rings/

4) On mobile view, the “Add to Wishlist” button is too close to “Add to Bag.”

http://d.pr/i/7mLX

5) The MailChimp newsletter button is not aligning correctly. Can you help?

http://d.pr/i/VuOG

6) How can I make the search results page only display product image, name and price? And remove text summary and comments. So it looks like a category page.

https://dev.danielgibbings.com/search/Earring/?post_type=any

7) Is there a “Quick View” button option for category pages?

8. How come the ajax side-menu cart doesn’t work on products with selections (variable products)?

[David Martin – Support]

This reply has been marked as private.

[WoogieChad]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

just placed the previous reply has private, also I just forward the topic to David so he can reply.

-Rui

[David Martin – Support]

1) Can you screenshot this for me? What do you by broken?

2) Please select the Product Display Type to “Standard”.

2a) To change the Quickview text: WooCommerce => Quickview => Quickview Text

Thanks.

[WoogieChad]

This reply has been marked as private.

[David Martin – Support]

1) I think there is little space left from the adjusted product width. You will need to adjust the above CSS to:

@media only screen and (max-width: 1440px) {
	.woocommerce div.product div.summary .yith-wcwl-add-to-wishlist span.sf-wishlist-ui-text {
	    display: none;
	}
	.woocommerce div.product div.summary .yith-wcwl-add-to-wishlist i {
	    font-size: 18px;
	    line-height: 43px;
	    display: block !important;
	}
}

2) Please add this:

.woocommerce ul.products li.product:hover .product-actions {
  display: block;
}
.woocommerce ul.products li.product:hover .product-actions .add-to-cart-wrap {
  display: none;
}
.yith-wcwl-add-to-wishlist {
    position: absolute!important;
    left: 15px;
  bottom: 30px;
}

[WoogieChad]

This reply has been marked as private.

[David Martin – Support]

2) I have logged in and updated to:

.woocommerce ul.products li.product:hover .product-actions {
  display: block;
}
.woocommerce ul.products li.product:hover .product-actions .add-to-cart-wrap {
  display: none;
}
.woocommerce ul.products li.product:hover .yith-wcwl-add-to-wishlist {
  display: block;
  position: absolute!important;
  left: 15px;
  bottom: 30px;
}

I can confirm this now works.