Return to previous page

Single product page – multiple issues

This topic has 2 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Rose Tyler

Lily Viu

Participant

July 12, 2019 at 12:33

Hi there,

I’m trying to set up my first product page, and I seem to have a lot of issues configuring everything the way I want. I’ve gone through all the theme settings, as well as woocommerce settings, but still nothing. Even custom css barely works when added to the customizer.

Can you please help me with the below:

1. Reduce the font size and line height of the short product description
2. Remove the Quantity next to the Add to Cart button
3. Remove the available stock quantity
4. Add the hear of wishlist as an icon next to the Add to Cart button
5. Move the price down to just above the quantity selector
6. Add additional tabs for product info. So far I could only add one custom one
7. Show the social sharing icons on the right.
8. How can I show the available sizes? Tried variations but they dont seem to work

Basically, I want to achieve this look for the main product info (under Brands):
https://xstore.helpscoutdocs.com/article/68-single-product-page

I’ve been racking my brain for days trying to figure this out with no luck, so any help with be much appreciated

Thanks in advance,
Lily

Please, contact administrator
for this information.

#217024 Copied Theme version: 5.2

1 Answer
Rose Tyler

Support staff

July 12, 2019 at 13:12
Hello,

1. You can set desired settings of Font Size and Line Height via XStore > Theme Options > Typography > Content > Body Font.
If you want to change font-size and line-height for the short description only, add this code in Theme Options > Custom CSS > Global custom CSS:
```
.single-product .product-information .short-description p,
.single-product .product-information .short-description li {
    font-size: 15px;
    line-height: 1.5;
}
```
2. You can activate “Sold individually” – http://prntscr.com/oe2yz6
3. WooComemrce > Setings > Products > Inventory https://docs.woocommerce.com/document/configuring-woocommerce-settings/#inventory-options
http://prntscr.com/oe30y2
4. If you want to keep just wishlist icon on the single product page then go to Wishlist plugin settings and remove text for the wishlist button http://prntscr.com/nebia2
5. Add this code in functions.php file of your child theme:
```
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_price', 10);
add_action('woocommerce_single_product_summary', 'woocommerce_template_single_price', 30);
```
6. Theme Options > Single product page > Tabs Settings > Custom Tab.
Custom tab content on a separate product page > [8theme] Product Options.
If you want to add more tabs, use the code from this article in fucntions.php of your child theme – https://docs.woocommerce.com/document/editing-product-data-tabs/
7. Add this code in Theme Options > Custom CSS:
```
.single-product .product-share {
    justify-content: flex-end;
}
```
It is an old screenshot, we will change it in our docs.

Regards
#217026 Copied
Viewing 2 results - 1 through 2 (of 2 total)