Return to previous page

Some help needed with various questions (images included)

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

Sheine

Participant

December 12, 2018 at 19:42

On single product page:
1. The attributes are now seperated by commas, see image.
I want each attribute to start at a new line (without white space between attributes) without commas.

2. I want to keep the tab menu as it is, but working as anchor points instead of different tabs. I am trying to achieve that all information is on the same page, and via the tab menu anchors you can scroll to the right section. Not that info only shows when you click on the tab. See example on this site: https://www.wehkamp.nl/hip-kussenhoes-50×50-cm-287038/

3. How do I add Recently Viewed Products below the ‘Related products’ (Andere klanten bekeken ook’) on single product page?

4. How do i remove the ‘featured image’ from the product gallery when my variations have their own image? Because the same image shows twice.. see attached image.

5. I want the ‘add to cart’ button to always show below the ‘Plus/Minus Quantity’.
The add to cart button needs to be full width in the div.

On Top Bar:
6. How to add a space between the icon and text? See image

Star ratings:
7. I want to always show the star rating (already added on shop page), even when rating has zero reviews. I want them added on single product page, recently viewed items, related products etc.

I also want to show the count of the reviews behind the star rating. i.e. X X X X X (38)? Even when amount=zero.

Color of prices
8. Color of prices: I want the regular price to show as green.
On the entire site i am trying to achieve the following colors:
I want the slashed price to show as red color
The discount price to show as green color
Regular price to show as green color.
This goes for the entire site including mini cart, shop page, cart page, checkout page, account orders, etc.

Outlining of products on shop page:
9. How to keep products on same line when some products have variations and some are not? See image.

Hope my questions are clear. Thank you very much in advance again!

Sven H

Please, contact administrator
for this information.

#205886 Copied Theme version: 5.1.3 WooCommerce version: 3.5.2

6 Answers
Rose Tyler

Support staff

December 13, 2018 at 17:18
Hello,

Thanks for using our theme.
1) Please provide page URL. So I can check if this can be done using custom css code.
Note that additional customization in files is not included in our basic support.
2) Sorry, but there is no such possibility, by default. If you need help with additional customization you can contact WPKraken team
3) You can create a static block with products http://prntscr.com/lujjd0 and set it on Shop page as Prefooter http://prntscr.com/lujjqj this block will be inherited by all single product pages. Use custom css code to hide the block from Shop page:
```
.post-type-archive-product .prefooter {
    display: none;
}
```
Or you can contact WooCommerce support about this.
4) Here is a product from our demo – https://xstore.8theme.com/demos/2/electron02/product/phone-case-02/
You need to upload different images of 1 color into the gallery http://prntscr.com/lujohl
5) Please add this code in Theme Options > Custom css > Global custom css:
```
.single-product .single_add_to_cart_button.button {
    width: 100%;
    margin-top: 5px;
}
```
6)
```
.top-bar i {
    margin-right: 5px;
}
```
7) It is requests additional customization.
8)
```
.woocommerce-Price-amount {
    color:  green !important;
}
.price del, .price del .woocommerce-Price-amount{
     color: red !important;
}
```
9) Theme Options > Shop > Products masonry > Off.

Regards
#205968 Copied
Sheine

Participant

December 16, 2018 at 19:49

Dear Rose:

1) I will leave it as it is.

2) Okay no problem.

3) It is hidden on shop page but it is visible on the product-category pages. How to hide it on those pages and still show it on the single product pages?

4) clear.

5) fixed

6) fixed

7) okay no problem

8) The slashed price (del) does not show as red color on the Wishlist, mini cart on top, cart page, checkout page. Please advise.

9) fixed

#206026 Copied
Rose Tyler

Support staff

December 17, 2018 at 11:29
Hello,

3) Please change this custom css code http://prntscr.com/lvytua to:
```
.archive.woocommerce-page .prefooter {
    display: none;
}
```
8) Please change this custom css code http://prntscr.com/lvyr02 to:
```
.woocommerce-Price-amount {
    color:  green !important;
}
.price del, .price del .woocommerce-Price-amount, 
.shop_table .product-price del span, .shop_table .product-price del,
.woocommerce-mini-cart-item del,
.woocommerce-mini-cart-item del span {
     color: red !important;
     text-decoration-color:  red;
}
```
Regards
#206053 Copied
Sheine

Participant

December 19, 2018 at 20:19

Thank you Rose, Excellent.

When saving a menu i get the following error in dashboard:

Compilation failed: invalid range in character class at offset 11 in /home/meenemen/public_html/wp-content/plugins/js_composer/include/autoload/hook-vc-grid.php on line 163

Can you help me how to solve this?

#206188 Copied

Sheine

Participant

December 19, 2018 at 20:20

Also, how to disable the Zooming when hovering over product image for mobile only?
Right now (android) i have to click the image twice to open it up in a popup. The first click will zoom in. I want to disable that.

Kind regards,

Sven

#206189 Copied

Rose Tyler

Support staff

December 20, 2018 at 09:23

Hello,

1) Looks like there is a compatibility issue between WPBakery Page Builder plugin and PHP 7.3. You can downgrade PHP version or ignore notices and wait for the plugin update where will be added compatibility with PHP 7.3.
2) Please check now.

Regards

#206201 Copied
Viewing 7 results - 1 through 7 (of 7 total)