feat: Product Details Tabbed Section and Add to Wishlist in Item Full Page

- Add to Wishlist button next to add to cart
- Beautified Product Specifications table section
- Product Specifications can be optionally in a tabbed section with custom tabs added
- Removed hard coded gray bg to allow custom theme overwrites
- Fixed resizing issues in Item Full Page view
- Cleaned up inline styles and ported to scss

erpnext/www/all-products/index.py

@@ -28,7 +28,6 @@ def get_context(context):
 	context.attribute_filters = filter_engine.get_attribute_filters()
 
 	context.e_commerce_settings = engine.settings
-	context.body_class = "product-page"
 	context.page_length = engine.settings.products_per_page or 20
 
 	context.no_cache = 1

erpnext/www/shop-by-category/category_card_section.html

@@ -2,10 +2,12 @@
 <!-- style defined at shop-by-category index -->
 <div class="card category-card" data-type="{{ type }}" data-name="{{ title }}">
 	{% if image %}
-	<img class="card-img-top" src="{{ image }}" alt="{{ title }}" style="height:80%">
+	<img class="card-img-top" src="{{ image }}" alt="{{ title }}" style="height: 80%;">
 	{% else %}
 	<div class="placeholder-div">
-		<span class="placeholder">AB</span>
+		<span class="placeholder">
+			{{ frappe.utils.get_abbr(title) }}
+		</span>
 	</div>
 	{% endif %}
 	<div class="card-body text-center text-muted">