Return to previous page

Product page - by ycs7a - on WordPress WooCommerce support

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

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
Eva Kemp

Support staff

February 28, 2017 at 11:35

Hello,

26. I’ve added subscribe form to your “abc” page and added custom css code http://storage5.static.itmages.com/i/17/0228/h_1488277675_8209027_761acd33c7.jpeg . Please check it.

29.
a). You can create two columns via tables as described here https://computerservices.temple.edu/creating-tables-html
b). Please refer to this link https://www.w3schools.com/html/html_youtube.asp

Regards,
Eva Kemp.

#155929 Copied

ycs7a

Participant

February 28, 2017 at 12:55

’26. Thank you kindly.

Is it possible to have the bar in 1 line, like this image?

’29. When I tried to paste the current Royal ‘Deliveries’ html into FTP, the result was this image. So, I figured that another language (php) is needed to write two columns. Just like the website currently looks: like this image.

’29a. So, I wish to make a new tab with two columns: one with text, and one with an image next to it. Like this image.

’29b. The other new tab should be on the left text, and on the right a text with a video beneath it. Like this image.

So, I don’t want to write tables but two columns like on the Royal Delivery tab on the Single Product Page. Do you know how to write this?

Many thanks

#155938 Copied

ycs7a

Participant

March 3, 2017 at 16:45

Is it possible to get support please? Thank you

#156189 Copied
Jack Richardson

Support staff

March 6, 2017 at 13:31
Hello,

Is it possible to have the bar in 1 line, like this image?

Use this css code:
```
.mc4wp-form .mc4wp-form-fields .email-adress,
.mc4wp-form .mc4wp-form-fields .email-submit {
    display: inline-block;
}
```
Regarding the other questions you can create needed tab content via Visual Composer and then copy its source code and paste it in your custom tab code in functions.php https://docs.woocommerce.com/document/editing-product-data-tabs/ . Note you need use do_shortcode() function to use shortcodes in php file.
Also it’s strongly recommended to make all customizations via Child Theme https://codex.wordpress.org/Child_Themes , otherwise you’ll lose all your changes after the next theme update.

Regards,
Jack Richardson.
#156302 Copied
ycs7a

Participant

March 6, 2017 at 15:50
’26. Thank you Jack.

The ‘Submit’-button has a different layout than it should. It should look like as on this page. Yet it look now like this. I have added to the Static Block ‘Nieuwsbrief inschrijven’ the Custom CSS code that Eva made to the page in question.

What should be done to make the layout of the button work for the static block?

’29. Many thanks. So, for instance, I should write the following:
```
do_shortcode([row][column size="one-half"])

<h2>Delivery and Returns</h2>
<p>Some text</p>

<p>do_shortcode([checklist style="arrow"])</p>
```
?

In other words, every time I use a shortcode it needs to be wrapped in the form do_shortcode()?

Thank you kindly.
#156324 Copied
Jack Richardson

Support staff

March 9, 2017 at 17:04

Hello,

1. As I see the submit button on your page looks like this http://prntscr.com/ehw58m

2. Here is the example of using do_shortcode function to display two text blocks in two columns:
echo do_shortcode('[vc_row][vc_column width="1/2"][vc_column_text]I am text block 1[/vc_column_text][/vc_column][vc_column width="1/2"][vc_column_text]I am text block 2[/vc_column_text][/vc_column][/vc_row]');

Regards,
Jack Richardson.

#156613 Copied

ycs7a

Participant

March 9, 2017 at 19:29

Dear Jack,

‘1. That may be only on the Home page, because I added the CSS Code to the Home page. But on every other page it still looks like this, and this is unwanted. Is there a way to fix this for the whole website?

Also, the mobile view of the newsletter sign up looks very disorderly. Please see this image. Is there a way to overcome this?

‘2. Thank you.

30. Is it possible to place ‘product category specific text’ under every product page? Like on this page? I wish to maintain the normal (Royal default) text display that is above.

31. I would like to have the function that, when you hover over a product, another image appears automatically. Now you have to click on the arrows to see the next image of the same product. I think the option ‘Upload image for hover effect’ is to this effect. Yet it does not work for me. Does this possibility exist?

32. Is it possible to display the images on the single product page vertically (rather than horizontally), as on this site?

Thank you kindly.

#156625 Copied

Jack Richardson

Support staff

March 15, 2017 at 10:43

Hello,

1. Add your css code in Theme Options > Custom CSS > Global Custom CSS section.

30. By default you can add custom text at the top of shop page in Appearance > Widgets > Additional Shop Widget Area. Otherwise it requires extra customization of woocommerce page templates.

31. Go to Theme Options > Products Page Layout and select “Swap” for the “Product Image Hover” option.

32. Unfortunately there is no such possibility.

Regards,
Jack Richardson.

#157009 Copied

ycs7a

Participant

March 15, 2017 at 11:49

‘1. I had already did that, but unfortunately to no avail. The button remains out of harmony on every page other than the Home page.

Is there another way to make it work?

’30-32. Thank you kindly for your answers.

#157027 Copied

Jack Richardson

Support staff

March 16, 2017 at 15:55

Hello,

I’ve added the css code for the form submit button in Theme Options > Custom CSS > Global Custom CSS section. Please check it now.

Regards,
Jack Richardson.

#157153 Copied

ycs7a

Participant

March 16, 2017 at 21:28

Thank you Jack, it displays well on every page now

#157176 Copied

ycs7a

Participant

March 17, 2017 at 08:24

33. Do you know how to make the movie on my Home page clickable, i.e. when you click on it, it redirects to a page on the site? Also, I’m looking into how to scale the page since it displays differently on different devices. Do you have advice on this?

34. How can I make the image of the diamonds on my Home page wholly clickable: please this image.

35. the layout of the products is when you click on the vertical view (see this image) too much in height. Please see this image. How can I make the short description in this view much less high and fitting not he screen?

36. GTMetrix suggests that I scale the images that are thumbnail size, e.g. in footer 2: ‘The following images are resized in HTML or CSS. Serving scaled images could save 408.0KiB (83% reduction)’.

Is there a way to have the images in footer 1 automatically and randomly appear whilst ensuring that they are the smallest size possible?

Thank you

#157186 Copied

Jack Richardson

Support staff

March 21, 2017 at 17:06

Hello,

33. Unfortunately there is no such feature in VC row settings to make background clickable by default.

34. Use Simple Image VC element instead of adding image as column background.

35. Here is how the products page looks like http://prntscr.com/empxqe . Could you please provide with the direct link where you see the problem?

36. You can optimize your images to needed dimensions using image editor, e.g. Photoshop, and then use them on your site.

Is there a way to have the images in footer 1 automatically and randomly appear whilst ensuring that they are the smallest size possible?

Unfortunately this question is not clear.

Regards,
Jack Richardson.

#157455 Copied

ycs7a

Participant

March 22, 2017 at 12:16

’33-34. Thank you.

’35. Please see this page: https://www.atelierchristian.nl/product-categorie/ringen/bicolor-ringen/. It applies to all products, since I am adding to every product the short description in this form. Some products don’t have this yet, as the 2 watches that you showed. I am adding the short description one by one, so these will have this form of short description also.

’36. Footer 1 allows for 2 different columns to display 3 rows of products.

1 row is for random products (3 are displayed)

1 row is for sale products (3 are displayed).

The images for these 2 columns (‘Random Products’ and ‘Sale’) are displayed very small. They are uploaded as larger files, but made small to fit the thumbnail size of the 2 columns.

Is it perhaps possible to upload the smallest images that are needed for footer 1? That way I can reduce the loading time of the page, like GTMetrix suggests.

#157512 Copied
Jack Richardson

Support staff

March 23, 2017 at 16:53
Hello,

35. Use this css code to hide short description on shop page when list view is enabled:
```
.products-list .product .product-details .product-excerpt .data-table {
    display: none;
}
```
36. You can change size for those images in Settings > Media > Thumbnail Size and after saving changes regenerate thumbnails using the plugin https://wordpress.org/plugins/regenerate-thumbnails/

Regards,
Jack Richardson.
#157733 Copied
ycs7a

Participant

March 26, 2017 at 09:51

’35-36. Thank you.

37. I want to place a new filter on the website. The layout however is different than it should be, because it takes the Royal theme way of writing widgets. In this case this is unwanted.

Please see this page, this image and this image.

How can I change this?

#157922 Copied
Jack Richardson

Support staff

March 29, 2017 at 10:25
Hello,

37. Use this css code:
```
.widget-title {
    text-align: left;
}

.widget-title span {
    padding-left: 0;
}

.widget-title::after {
    display: none;
}
```
Regards,
Jack Richardson.
#158184 Copied
ycs7a

Participant

April 19, 2017 at 21:29

38. Is there a way to make the distance of the hover menu text fewer apart from each other?

39. Is it possible to have a second ‘Size Guide’? Now I can only place an Size Guide specifically for rings. But is it possible to make one for watches, one for bracelets etc.?

40. Can the position of the ‘Selecteer Servicepunt’ button be made in a way that it fits in the column? Please see this image.

41. Can the check out option ‘iDeal’ be put first? And after that ‘Pay Pal’? Please see this image. Thank you

42. Is it possible to make a ‘21% Sale’-button in the same style as the out-of-stock button on my website?

43. Can the size of the video in the gallery of the single product image be resized to 485×412? Please see this image.

Thank you kindly.

#160619 Copied

Jack Richardson

Support staff

April 25, 2017 at 14:52

Hello,

38. Please show the screenshot what part you are talking about for better understanding.

39. Unfortunately there is no such possibility. You can add size guide image for each product separately in product editor page.

40. Please show on the screenshot how it should be displayed.

41. Go to WooCommerce > Settings > Checkout and drag payment methods to the order you need http://prntscr.com/f0mpzl

42. Please provide us with the direct link to your site where we can see the mentioned button.

43. Set the mentioned dimensions for video in product editor > Product Video section http://prntscr.com/f0naoh

Regards,
Jack Richardson.

#161204 Copied

ycs7a

Participant

May 7, 2017 at 22:02

’38. Please see this image.

’39. Thanks.

’40. Please see this image.

’41. Thank you

’42. Please see this image. If possible, I would like to change the colour from orange-brown to something else.

’43. Thank you, but is it possible to change the video icon? Please see this image and this page.

44. Is there a way to earn points for customers when they buy products, with which they can use the points as a way to discount the next sale?

#162470 Copied
1 2 3

Viewing 60 results - 31 through 60 (of 71 total)