Return to previous page

Product page - by ycs7a - on WordPress WooCommerce support

This topic has 71 replies, 5 voices, and was last updated 6 years, 11 months ago ago by Max Mullins

ycs7a

Participant

January 12, 2017 at 15:00

Hi,

I have several questions about the single product page.

1. Can I alter the ‘Out of stock’-icon? I wish to place it in the same way as the ‘New’ and ‘Sale’ icon, because then the product is more visible. So that the ‘Out of stock’-icon is just as large as the other two icons (‘New’ and ‘Sale’), on the same height (in the top) and in the middle (to distinguish the ‘Out-of-stock’-icon from the other two icons).

2. I wish to place a widget in the Header custom HTML. What should I write in order to do this? For instance, I have in mind the Search form that is available as a widget (e.g. the 8Theme Search widget).

3. Is it possible to fill up the white space in the single product page without changing the current way the page is set up (e.g. position tabs, short description and image)? Please see https://www.dropbox.com/s/e9481hjvyzyath8/space.png?dl=0.

Thank you kindly:)

Please, contact administrator
for this information.

#151693 Copied

70 Answers

ycs7a

Participant

January 12, 2017 at 15:06

https://www.dropbox.com/s/al4531nhi7ke6wu/space.png?dl=0

#151698 Copied

Eva Kemp

Support staff

January 12, 2017 at 16:23

Hello,

1. Please show a page where you want to make modifications.

2. You can create a page and add search form using Visual Composer editor, then switch to Classic mode and copy the source code and paste it to Header Custom HTML section.

3. Sorry, but there is no such option.

Regards,
Eva Kemp.

#151707 Copied

ycs7a

Participant

January 13, 2017 at 17:26

‘1. Please see this page. I wish to make an alteration to all products that are out of stock. Please see this image for how the out of stock products are displayed at the moment. This is what I would want them to look like.

Is this possible? Thank you very much.

#151844 Copied

ycs7a

Participant

January 16, 2017 at 00:21

‘2-3. Thank you.

4. The texts for the menu in the mobile view is black on a black background. Please see https://www.dropbox.com/s/5u9ke7m52iodn79/mobile%20view.png?dl=0. Could it possibly be written white?

5. Can I, with WooCommerce Bulk Product Editing, create a ‘window’ just like ‘Product Categories’ and ‘Brands’ so that I may add a ‘Text and titel for custom tab’ for all the products that I have selected? Please see the following image as an example of how it might look: https://www.dropbox.com/s/78fqjywycm383qq/TEXT%20FOR%20CUSTOM%20TAB.jpg?dl=0.

6. Can I place a Widget to filter products by tags in the sidebar? The YITH Woocommerce filter only focuses on Variable products. I would like a filter focused on tags if possible.

Thank you kindly.

#151906 Copied
Rose Tyler

Support staff

January 16, 2017 at 14:25
Hello,

1. Try to add this code in Custom CSS:
```
.out-stock {
    top: 22%;
    right: 3% !important;
    left: auto;
    width: 68px;
    height: 68px;
}
.out-stock .wr-c {
    font: 10px/15px 'Roboto', Arial, Helvetica, sans-serif;
    margin-top: 16px;
}
.out-stock .wr-c .bigT {
    font-size: 12px;
}
```
2.
```
.mobile-nav a {
    color: white !important;
}
.mobile-nav-heading {
    color: white;
}
```
5. Unfortunately there is no such possibility.
6. Try to use WooCommerce Product Tags widget.

Regards,
Rose Tyler.
#151992 Copied
ycs7a

Participant

January 17, 2017 at 10:36

‘1 and 4. Thank you kindly.

‘5. That is unfortunate, thank you.

‘6. What I have in mind is a sidebar where I can filter through tags. An example is on this page or the options like on this page. The WooCommerce Product Tags widget only allows me to show tags. Is this possible?:)

7. Can I remove all at once on the website the information encircled in red in this image?

8. I have enabled the top bar, resulting in two top bars: one with the ‘EN FR DE £ € $’ and ‘My Account’, and one below that with the cart icon. I have several questions about this:

A) Can I make the background color of the top bar with the cart in another RGB color? So that e.g. the top bar with MY Account and Log out remains black, whereas the other top bar is grey-white?
B) I can add content to top bar by going to Appearance > Widgets > “Left Side top bar area”. But can I also temporarily remove the ‘EN FR DE’ writing?
C) How do I make the ‘£ € $’ valuta work for the website?
D) When a visitor is new to the website, he or she will see ‘Log in’ as an option in the top bar. How do I add the option ‘Registreren?
E) I wish to add a white line between ‘Inloggen’ en ‘Registreren’ when it is possible to add this option. In a previous post Eva told me that I should add the following CSS code:

.top-bar #fcs_widget-5:before {
content: ”;
display: inline-block;
width: 1px;
height: 7px;
background: #fff;
margin: 7px 12px 0;
}

What should I alter to this code to make it work in this particular case?:)

9. Where can I alter the text for the My Account, among others the ‘Dashboard’?

Thank you.

#152084 Copied
Eva Kemp

Support staff

January 18, 2017 at 12:35
Hello,

6. Sorry, but there is no such widget.

7. Please add this code in Theme Options > Custom CSS > Global Custom CSS:
```
.page-heading .woocommerce-breadcrumb {
   display: none;
}
```
8. A) Use this css code:
```
.header-type-17 .header-top {
    background-color: #1a1a1a;
}
```
Change color value to yours.

B) When you add the content, the icons will be removed automatically. If you don’t want to add any text for now, just add empty Text widget there.

C) You need use multi-currency plugin like https://wordpress.org/plugins/woocommerce-currency-switcher/ .

D) Please read here https://www.8theme.com/demo/docs/royal/#!/4_registration_page how to add Register link.

E) At first please create Registration page so the link appears in the top bar and then reply back.

9. Use this css code:
```
.woocommerce-MyAccount-navigation-link--dashboard {
    display: none;
}
```
Regards,
Eva Kemp.
#152245 Copied
ycs7a

Participant

January 26, 2017 at 21:27
‘5. I found the following code for the Bulk Editing checkbox area:
```
add_action( 'quick_edit_custom_box', 'display_custom_quickedit_book', 10, 2 );

function display_custom_quickedit_book( $column_name, $post_type ) {
    static $printNonce = TRUE;
    if ( $printNonce ) {
        $printNonce = FALSE;
        wp_nonce_field( plugin_basename( __FILE__ ), 'book_edit_nonce' );
    }

    ?>
    <fieldset class="inline-edit-col-right inline-edit-book">
      <div class="inline-edit-col column-<?php echo $column_name; ?>">
        <label class="inline-edit-group">
        <?php 
         switch ( $column_name ) {
         case 'book_author':
             ?><span class="title">Title for custom tab</span><input name="book_author" /><?php
             break;
         case 'inprint':
             ?><span class="title">Text for custom tab</span><input name="inprint" type="checkbox" /><?php
             break;
         }
        ?>
        </label>
      </div>
    </fieldset>
    <?php
}
```
Would this checkbox work for my wishes, or do I need to alter it to make it work for the ‘Text for Custom Tab’? Where should I add it in the theme so that it works?

‘7-8b-d. Thank you.

‘8a. If I make the top bar white-grey, can I make the ‘€ 0,00’-counter next to the Cart black? Otherwise it will not show the prices.

‘9. What I meant was altering the text and display for the My Account, among others the ‘Dashboard’? Please see the text encircled in red which I wish to alter, and possibly add elements to the tabs (such as ‘Orders’): https://www.dropbox.com/s/7l7jvl1j36sh5hq/my%20account%20text.jpg?dl=0.

10. Which function changes the grey text in the description on for instance this page from grey to black? Thank you.

11. Is it possible to remove the header menu (in my case, header 17) in the checkout area? The reason is that the checkout area should have the customer remain on the checkout page and focus on the checkout proces.

12. How can I make the description of this grouped product visible again?: https://www.atelierchristian.nl/webshop/occasion/gouden-zakhorloge-met-horlogeketting/. For some reason the text is written in white.

13. Can the promo popup be altered so that it pops up in the bottom right corner after several seconds, and disappears again after several seconds? See for an example this site. Thank you

14. What should I do when the register security code is not visible, as in this case (screenshot).

For instance: is it possible to have people click on the ‘Registreren’ button and then go to a separate page that will enable them to register?

15. Do you perhaps know how I can install cookies on my website?

16. On my Home page the Eight Theme element ‘Brands’ has the counter not working properly: I want to display the four brands that have the most products. Would you perhaps know how I can make it better?

Thank you very much.
#153183 Copied
ycs7a

Participant

January 27, 2017 at 12:23

‘8a. The same for the Search-icon and the text ‘Cart’

’16. Is it possible to have a function similar to the Eight Theme ‘Brands’ element, but where I insert images that do not necessarily lead to a link? Several products of brands (e.g. Casio) have not been added yet, but I do wish the viewer to know that we have this brand but without them going to the brand page (which will only have one or two items).

Thank you

#153231 Copied
Eva Kemp

Support staff

January 27, 2017 at 17:39
Hello,

5. It requires additional customization which is beyond our basic support scope. Sorry.

8a. Use this css code:
```
.header-type-17 .header-top .shopping-cart-widget .total, .header-type-17 .header-top .header-search .et-search-trigger .fa-search, .header-type-17 .header-top .shopping-cart-widget .shop-text {
    color: black !important;
}
```
9. Do you mean you want to remove whole sidebar on My Account page?

10. Do you mean you want to change background color of this form http://storage3.static.itmages.com/i/17/0127/h_1485534508_4691089_13db873b05.jpeg ?
If so, you need edit this css code in Custom CSS:
```
.data-table .even {
    background: #f6f6f6;
}
```
11. Use this css code:
```
.page-id-13 .header-wrapper.header-type-17 {
display: none;
}
```
12. Use this css code:
```
.single-product .group_table td.label {
   color: black !important;
}
```
13. Sorry, but there is no such possibility.

14. You can create redirect rule in .htaccess file to redirect customers to other page. You hosting provider should help you with this.
I’ve fixed the issue with captcha. Please clear browser cache and check.

15. You can use some plugin for it.

16. You can use Single Image element in Visual Composer editor and just upload image of your brand, don’t add link in the settings.

Regards,
Eva Kemp.
#153286 Copied
ycs7a

Participant

January 30, 2017 at 00:50

‘5. Thank you, I understand. Do you perhaps know where the code for the Brands bulk editing was placed? I will try to from there:)

‘8a. Thank you.

‘9. I meant the following encircled in red: https://www.dropbox.com/s/8nmg8m0aspsjsd3/alter%20my%20account.jpg?dl=0. Can I alter and add this?

’10. No the text below it. Please see: https://www.dropbox.com/s/eoj282m1ub423o7/grey%20text.jpg?dl=0.

’11-15. Thank you.

’16. Thank you. Would the function to slide to the right also work then? Please see https://www.dropbox.com/s/agj6vdp3p7nptjb/function.jpg?dl=0

17. For some odd reason the Out of stock icon is not showing for some sold out products. Please see https://www.dropbox.com/s/q47gfdadil92awz/out%20of%20stock%20not%20showing.png?dl=0 and https://www.dropbox.com/s/2ulm2cdrbzw5khq/out%20of%20stock.png?dl=0.

#153382 Copied

ycs7a

Participant

January 30, 2017 at 01:00

18. The lazy load function doesn’t work well always on the site. I’m using WP Rocket. Please see https://www.dropbox.com/s/0att52ixosz3y2l/Schermafbeelding%202017-01-28%20om%2010.20.09.png?dl=0. Is there a way to fix this? Many thanks:)

#153383 Copied
Eva Kemp

Support staff

January 30, 2017 at 09:45
Hello,

5. You can find the code in wp-content/themes/royal/framework/woo.php in line 513.

9. Unfortunately there is no such feature. As My Account page was configured by Woocommerce, you can ask their support regarding this possibility.

10. Use this css code:
```
.tabs .tab-content p {
    color: black !important;
}
```
16. In this case try to use Image Gallery element.

17. Please show a direct product page which is out of stock.

18. Could you please check if the issue persists with default Woocommerce theme Storefront?

Regards,
Eva Kemp.
#153415 Copied
ycs7a

Participant

January 30, 2017 at 10:36

‘5, 9-10 and 16. Thank you kindly.

’17. Please see this page (under Related products) and this image. This product is out of stock, yet it does not have the ‘Out-of-stock’-icon written over it.

’18. Do you mean to install the theme Storefront on another website and then see if it is WP Rocket lazy load compatible? Or should I install it on my main website?:)

#153422 Copied
Rose Tyler

Support staff

January 30, 2017 at 15:35
Hello,

Use this css code:
```
.out-stock {
    display: block !important;
}
```
Please activate default Woocommerce theme Storefront on your main website, check if the problem persists and let us know the result. If you activate Storefront theme your content will be saved, only template will be changed, but you’ll get it back once switch to Royal again.

Regards,
Rose Tyler.
#153470 Copied
ycs7a

Participant

February 2, 2017 at 22:44

’17. That worked, thank you.

’18. I have enabled the theme Storefront, but I see the products in question. Please see https://www.dropbox.com/s/tmp6zty7e4bglns/storefront.png?dl=0.

#153837 Copied

Eva Kemp

Support staff

February 3, 2017 at 17:21

Hello,

Are you using any plugin for lazy loading?
Do you want to lazy load products on Shop page and on home page too?

Regards,
Eva Kemp.

#153946 Copied

ycs7a

Participant

February 4, 2017 at 00:27

Yes, I use Lazy Load from WP Rocket. I want to lazy load every page due to page speed.

#153982 Copied

ycs7a

Participant

February 4, 2017 at 15:45

19. Do you know how to get the colour filter for products as on this website? Thank you:)

#154008 Copied
1 2 3 4

Viewing 20 results - 1 through 20 (of 71 total)