Woocommerce Single Product Page

[Steve]

Hi there!

I am working on customizing the single product page and got some points left I can’t solve myself.

1. Custom Attributes Location (Attachment Uplift_Attributes_Location)
Three or four custom attributes should be visible just below the SKU moving everything else downwards. Possible as a table to maintain a clean layout.

2. Rating Stars
They should be visible as a grayed out version if the product has not been rated yet.

3. Price Display
The Price should be highlighted bold.

4. Stock Status (Attachment Shipping)
Should have a rectangle symbol as prefix, like on the picture. Plus text should be changed to: in Stock, ships within 24h

Hope you guys have some ideas 🙂

Thanks!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Some of these changes are very specific to your needs and would be outside the scope of support.

1) If I can see a link/wp login you might be able to move this with jQuery.

2) If no rating is provided the stars will not show. To get the display to work you would need to edit the PHP function sf_get_product_stars() located here: /themes/uplift/swift-framework/core/sf-woocommerce.php.

3) Please add this to Theme Options => Custom CSS

.woocommerce div.product .summary h3.price {
    font-weight: bold;
}

4) Please add this to Theme Options => Custom CSS

p.stock.in-stock {
    padding-left: 15px;
    position: relative;
}
.woocommerce div.product p.stock:before {
    content: " ";
    width: 5px;
    height: 5px;
    position: absolute;
    top: 10px;
    left: -3px;
    background-color: #eabe12;
}
.woocommerce div.product p.stock:after {
    content: " Ship with 24 hours";    
}

[Steve]

Hi David,

thank you very much for you help.

The changes for 2, 3 & 4 have worked out perfect!

Point 1 is not so important, don’t worry.

Thanks again,
Steve

[Rui Guerreiro – SUPPORT]

Great, glad it’s sorted. Thanks David.

-Rui