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

Jack Richardson

Support staff

February 6, 2017 at 12:05

Hello,

You can use this plugin https://wordpress.org/plugins/color-and-image-swatches-for-variable-product-attributes/ .

Best regards,
Jack Richardson.

#154080 Copied

ycs7a

Participant

February 6, 2017 at 14:08

’19. Thank you Jack.

’18. I have a question regarding the lazy load function for my Home page. I am using WP Rocket, but the product images do not load correctly on the Home page.

How can I solve this?

#154093 Copied

Jack Richardson

Support staff

February 6, 2017 at 16:38

Hello,

Could you please clarify how the product images should be loaded?

Thank you.
Best regards,
Jack Richardson.

#154113 Copied

ycs7a

Participant

February 6, 2017 at 18:34

Hi Jack,

The images should be loaded in a way that shows the entire image. Please compare this image to this image.

Due to the lazy load from WP Rocket, the images do not load correctly.

#154141 Copied
ycs7a

Participant

February 7, 2017 at 11:20
’10. When I use the following code, the text became black, but the links were gone too.
```
.out-stock {
    display: block !important;
}
```
Please compare this image to this image.

Is there a way to make the text black, but to have the links readily visible (e.g. in its distinctive golden colour)? Thank you

20. How can I ensure that the mobile view doesn’t show every gemstone below each other, but rather in groups of four (as I made them in the Static Block row)? Please see this image. The desktop version is fine and clear, but the mobile version unfortunately is not.

21. Is it possible to have a ‘+’ in the Product Categories, so that the Category is automatically folded? Please see this image.

For instance, at the moment the Category ‘Exclusief’ has subcategories which are automatically unfolded (‘+’).

I want to make sub-categories for my other Categories as well. Yet, as the image shows, the Category ‘Ringen’ is automatically unfolded, displaying a ‘–’ rather than a clickable ‘+’. How do I the effect of making it automatically folded (‘+’)?

22. I cannot directly edit a page by using Visual Composer. I need to login to the admin page, and edit it from there. Do you know how I can edit the page frontend without having to login first to the admin page -> look up the page -> edit it from there etc.?

Thank you kindly
#154195 Copied
Eva Kemp

Support staff

February 7, 2017 at 17:51
Hello,

10. Please use this code for links:
```
.tabs .tab-content a {
  color: #cda85c !important;
}
```
20. Add this code in Custom CSS for mobile section:
```
.custom-widget .vc_column_container {
    width: 25% !important;
    float: left !important;
}
```
21. You can close the first category by editing wp-content/themes/royal/js/etheme.js file. Find and comment out line 1828
$this.find('>li').first().find('.open-this').html(minusIcon).parent().addClass('opened').find('ul.children').show();

22. Sorry, but to be able to edit pages you should be logged in as admin at first.

As for lazy loading, I don’t see any issues. The images are loading fine http://storage7.static.itmages.com/i/17/0207/h_1486486272_9559534_045e7ff1c3.jpeg .

Regards,
Eva Kemp.
#154231 Copied
ycs7a

Participant

February 7, 2017 at 19:51
’10. Thank you. When I inserted the code, then all the images were gone for some reason. Even on the Home page. Please see this image. Would you please try added the following two codes and seeing the effect? Thank you.

.tabs .tab-content p {
color: black !important;
}
.tabs .tab-content a {
color: #cda85c !important;
}

’20. Thank you kindly this worked well.

’21. I have found the following code in that directory:
```
     $this.find('>li').first().find('.open-this').html(minusIcon).parent().addClass('opened').find('ul.children').show();
        }
```
What should I write? Something like the following?
```
     $this.find('>li').first().find('.<strong>close</strong>-this').html(minusIcon).parent().addClass('opened').find('ul.children').show();
        }
```
’22. Thank you. I meant something like the top black row as in this video. There you see ‘Edit with Virtual Composer’, ‘Customise’ etc. when you are logged in. Is it possible to directly edit a page in that way?
#154243 Copied
ycs7a

Participant

February 8, 2017 at 11:32

’21. Thank you, I wrote ‘/*’ and ‘*/’ to comment the line out. This worked well.

#154300 Copied

Eva Kemp

Support staff

February 8, 2017 at 18:00

Hello,

10. I’ve added the code and don’t see any issues:
http://storage3.static.itmages.com/i/17/0208/h_1486572827_3010611_9547111264.jpeg
Please clear browser cache and check again.

22. Thank you. I understand you now.
By default that link is available, but as I see you don’t have it as well as WordPress toolbar isn’t shown on your site when logged in.
Have you disabled it somehow? Maybe via hosting control panel. It may be the reason for VC editor too.

Regards,
Eva Kemp.

#154346 Copied

ycs7a

Participant

February 17, 2017 at 17:13

’22. I unfortunately have not been able to find the solution.

23. Is it possible to only display items that are still in stock under ‘Related Products’? Please see this page and this image.

24. Do you perhaps know whether a plugin exist to display the order time? I am looking for a plugin that displays a timer above the header on product pages, and beneath the product description of the single product pages.

Please see this image and this image.

Let’s say its 2 pm, and we deliver the next day if the customer places an order within the next 3 hours: before 5 pm. So the timer in the header will display: ‘[clock icon] Order within 2 hours and 59 minuten and get order delivered to you tomorrow’. The timer for each single product would be a timer but smaller. The timer needs to reset every day at say 5 pm.

Is there such a plugin? Thank you kindly.

#155115 Copied

ycs7a

Participant

February 20, 2017 at 10:40

25. I have a question about the Search bar.

If possible, I would like to place a search bar on the main menu. But the search bar needs to not display any products. Please see the following two images: before and after a search query.

26. I wish to make a Subscribe Call2Action just like this as on this site.

I have only been able to create the following static block. The email bar is too long, and the Subscribe button is beneath the form where the customer can write in.

Is it possible to have that button next to the form, as in the example site?

27. For some reason I cannot place a background color to this static block or to the new ‘Newsletter’ static block that I am creating.

Thank you very much.

#155208 Copied

ycs7a

Participant

February 20, 2017 at 15:47

”21.

I would like to close the subcategories as well. Please see this image. Which line should I comment out for this?

#155252 Copied

ycs7a

Participant

February 22, 2017 at 14:38

Hi,

Is it possible to get support?

Thank you kindly.

Best,

Christian

#155483 Copied

Eva Kemp

Support staff

February 22, 2017 at 17:32

Hello,

21. You can close the first category by editing wp-content/themes/royal/js/etheme.js file. Find and comment out line 1828
$this.find(‘>li’).first().find(‘.open-this’).html(minusIcon).parent().addClass(‘opened’).find(‘ul.children’).show();

23. Unfortunately there is no such feature.

24. Sorry, but we can’t recommend any of such plugins. We didn’t test them with the theme. You can search yourself among WordPress plugins.

25. Do you mean you want to hide search results that are shown when typing a search word?

26. You can use MailChimp plugin https://wordpress.org/plugins/mailchimp/ to create subscribe form.
Please place your static block on some page and we’ll provide custom css code to adjust the form.

27. To add background color, you need edit the row settings http://storage4.static.itmages.com/i/17/0222/h_1487780511_4547456_b3f520759b.jpeg .

Regards,
Eva Kemp.

#155504 Copied

ycs7a

Participant

February 23, 2017 at 13:54

’21. Thank you, but I meant something else. Indeed, I can keep the tab ‘+’ closed when I comment out line 1828 in wp-content/themes/royal/js/etheme.js.

But, I am talking about the tab of that tab. If a customer now goes to the product page Occasions, then the customer will every Occasion tab opened.

The customer will see the following tabs of the Product Category ‘Occasion’ opened:

SIERADEN CATEGORIEËN
-RINGEN (249)
–OCCASION (249)
––OCCASION ARMBAND (39) +
OCC GELE ARMBAND (20)
OCC ROSÉ ARMBAND (1)
OCC WITTE ARMBAND (1)
––OCCASION COLLIERS (32) +
OCC BICOLOR COLLIER (3)
OCC GELE COLLIER (15)
OCC WITTE COLLIER (6)
––OCCASION HANGERS (14) +
OCC 18 KARAAT HANGER (1)
OCC GELE HANGER (10)
OCC WITTE HANGER (1)
OCCASION HORLOGES (17)
––OCCASION OORBELLEN (25) +
OCC BICOLOR OORBELLEN (2)
OCC GELE OORBELLEN (19)
OCC WITTE OORBELLEN (2)
––OCCASION RINGEN (120) +
OCC BICOLOR RING (11)
OCC GELE RING (86)
OCC WITTE RING (20)
-ARMBANDEN (119)
-OORBELLEN (113)
etc.

How do I prevent the subtabs (e.g. ‘Occasion Ringen’) of the Product Category tab ‘Occasion’ to be automatically opened?

’24. Can you make something like that into the Royal website?

’25. Yes. I want the search bar to be without text and with the icon next to it, like this or like this.:)

’26. I would rather not use another plugin for my site, since it already is very slow and ranks 7/100 for Desktop on page speed tests. Is there another way?:) I need not directly link it to Mailchimp: I am satisfied if the questionnaire goes to our ‘info@’ mail.

I will need to look into (gzip) compression and how to make the site faster. I might have a question about this later.

’27. I tried as by your instructions, but it didn’t work for me unfortunately.

28. Is it possible to automatically order the items in the webshop not by date, but by lowest price?

Thank you kindly.

#155600 Copied
Eva Kemp

Support staff

February 23, 2017 at 16:18
Hello,

21. Please provide FTP credentials.

24. Sorry, but it can’t be done for now due to huge amount of work. Thank you for understanding.
You can leave your request in the topic for Suggestions and proposals https://www.8theme.com/topic/suggestions-and-proposals/ .

25. Please add this css code:
```
.et-search-result {
   display: none;
}
```
26. Sorry, but to create subscribe form, we recommend to use MailChimp plugin, it’s compatible with the theme.

27. Please show a page where you included that static block (not direct link for static block, but for the page).

28. Go to Woocommerce > Settings > Products > Display > Default Product Sorting, select “Sort by price(desc)”

Regards,
Eva Kemp.
#155604 Copied
ycs7a

Participant

February 24, 2017 at 00:49

’21. Please see Private Content for login codes to FTP and website.

’24. I understand. Do you have an indication of the response time? Also, would this be a service which would have to be paid for?

’25. Thank you kindly.

’26. I have activated the plugin. Please see this page for the static block.

’27. Thank you. I tried it again and for some reason it works now. I am not sure why it didn’t before.

’28. Thank you.

Please, contact administrator
for this information.

#155641 Copied

Eva Kemp

Support staff

February 24, 2017 at 17:42

Hello,

21. I’ve commented the line 1826 in etheme.js file. Please check categories now.

24. That topic was created just for suggestions and our admins will discuss your query whether it should be added in the theme update or not.

26. As I see you created Subscribe form and its shortcode is [mc4wp_form id="4173"].
Please use this one. Or do you want to use this form http://storage8.static.itmages.com/i/17/0224/h_1487953273_7779986_b8f19ab137.jpeg ?

Regards,
Eva Kemp.

#155735 Copied

ycs7a

Participant

February 24, 2017 at 20:43

’21. Great, thank you.

’24. I understand, that is good.

’26. No. I wish to make a Subscribe Call2Action just like this as on this site.

Is this possible?

#155749 Copied
ycs7a

Participant

February 27, 2017 at 00:25
29. I wish to make two custom tabs to the single product pages. As you explained, I need to write the code in wp-content/themes/royal/functions.php file. I read in woocommerce documentation how to add custom tabs https://docs.woocommerce.com/document/editing-product-data-tabs/: add the following snippet to add a custom global product tab:
```
add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
function woo_new_product_tab( $tabs ) {
	
	// Adds the new tab
	
	$tabs['test_tab'] = array(
		'title' 	=> __( 'New Product Tab', 'woocommerce' ),
		'priority' 	=> 50,
		'callback' 	=> 'woo_new_product_tab_content'
	);

	return $tabs;

}
function woo_new_product_tab_content() {

	// The new tab content

	echo '<h2>New Product Tab</h2>';
	echo '<p>Here\'s your new product tab.</p>';
	
}
```
I have two questions about writing the content for ‘Here\’s your new product tab.’:

29a. I wist to make two columns, like the ‘Delivery’ tab on the Single Product Page of the Royal Default Ecommerce Theme. Do you know how to write two columns in php language?

29b. Do you know what the php code is for adding a youtube video for the right column that plays automatically?

Thank you kindly.
#155800 Copied
1 2 3 4

Viewing 40 results - 21 through 40 (of 71 total)