queries about shop & button setup

[micheal_w]

Hi Team,

Firstly, I want to thank your work, you build awesome themes!
We have upgraded our site using ATELIER but have some formatting questions if you don’t mind…

1. How can I hide the category names under the product names on the shop/category page? (image 1)
2. How can I hide the rating stars under the product names on the shop/category page? (image 2) Please note, that this one is disabled on the admin (image 3) but the stars are still on the frontend
3. I’d like to change the look of the “add to cart button, from being outlined to solid black with the wording and icon being white (image 4). Would you please advise some Custom CSS please?
4. I would like to remove the wishlist icon from the top menu and leave the cart there by itself aligned to the right (image 5)
5. I would like to change the Wishlist icon in all places from the default to a simple solid heart… I searched for solution, but couldn’t find it… Can you please put me to the right direction?
6. Should the Ajax Add To Cart feature work with variable products? It seems it doesn’t work with on my site
7. I have enabled Sticky header resizing, but is there any chance to add custom height for the sticky menu?
8. Is there any chance to add a modal popup for one of the menu on the header?

Thank you
Micheal

[David Martin – Support]

1)

.post-type-archive-product .products .product .product-details .posted_in {
	display: none;
}

2)

.post-type-archive-product .products .product .star-rating { display: none; }

3)

.woocommerce .single_add_to_cart_button, 
.woocommerce .single_add_to_cart_button, 
.woocommerce .single_add_to_cart_button.button.alt {
    border-color: #fff!important;
    color: #fff!important;
    background-color: #000!important;
}

/* Hover Styles */

.woocommerce .single_add_to_cart_button:hover, 
.woocommerce .single_add_to_cart_button:hover, 
.woocommerce .single_add_to_cart_button.button.alt:hover {
    border-color: #fff!important;
    color: #fff!important;
    background-color: #000!important;
}

4)

li.parent.wishlist-item {
    display: none;
    visibility: hidden;
    margin-right: -35px;
}

5) Add this to your child theme functions.php file.

function custom_wishlist_icon() {
	return '<i class="fa-heart"></i>';
}
add_filter('sf_wishlist_icon', 'custom_wishlist_icon', 100);

6) No, this is not currently possible when using a variable product.

7) What were you looking to achieve a smaller height for the sticky header?

8) Unfortunately this would require the work of a developer to make this modification, you can request that here: http://www.swiftideas.com/customization/

Thanks.

[micheal_w]

Hi David,

all good! With the smaller height of the sticky header I would give “more space” to the customers…
Something like here: http://demo.oxygentheme.com/?header_type=3

Micheal

[David Martin – Support]

Hi,

7) Ah ok, you can add a little padding to the header. The actual height is dynamically generated. Ex:

#header-section { padding: 50px 0; }

Thanks,
David.

[micheal_w]

thank you for the help!

[David Martin – Support]

Great, no problem!

– David.