Multiple Questions on Nota Theme

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 16 replies, 3 voices, and was last updated 8 years by David Martin – Support.

Viewing 15 posts - 1 through 15 (of 17 total)

1 2 →

Back to forum

Posted in: Nota
October 31, 2016 at 12:16 am #299515

WoogieChad
Member

Post count: 14

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?

November 1, 2016 at 10:48 am #299729
David Martin – Support
Moderator

Post count: 20834
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.
November 6, 2016 at 4:02 am #300637

WoogieChad
Member

Post count: 14

This reply has been marked as private.

November 8, 2016 at 10:54 am #300926

David Martin – Support
Moderator

Post count: 20834

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.

November 10, 2016 at 2:51 am #301283

WoogieChad
Member

Post count: 14

This reply has been marked as private.

November 11, 2016 at 12:23 pm #301482
David Martin – Support
Moderator

Post count: 20834
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.
November 12, 2016 at 7:50 pm #301653

WoogieChad
Member

Post count: 14

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)?

November 15, 2016 at 12:46 pm #301946

David Martin – Support
Moderator

Post count: 20834

This reply has been marked as private.

November 23, 2016 at 8:43 pm #303287

WoogieChad
Member

Post count: 14

This reply has been marked as private.

November 23, 2016 at 9:48 pm #303298

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

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

-Rui

November 25, 2016 at 11:31 am #303614

David Martin – Support
Moderator

Post count: 20834

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.

November 25, 2016 at 7:12 pm #303758

WoogieChad
Member

Post count: 14

This reply has been marked as private.

November 28, 2016 at 5:44 pm #304027
David Martin – Support
Moderator

Post count: 20834
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;
}
```
November 30, 2016 at 5:27 am #304362

WoogieChad
Member

Post count: 14

This reply has been marked as private.

November 30, 2016 at 11:13 am #304399
David Martin – Support
Moderator

Post count: 20834
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.
Back to forum

Posted in: Nota

Viewing 15 posts - 1 through 15 (of 17 total)

1 2 →

You must be logged in and have valid license to reply to this topic.

License required for one of the following items

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

Support Request

Support Policy

Privacy Policy