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

  • Avatar: Eva
    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.

    Avatar: ycs7a
    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

    Avatar: ycs7a
    ycs7a
    Participant
    March 3, 2017 at 16:45

    Is it possible to get support please? Thank you

    Avatar: Jack Richardson
    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.

    Avatar: ycs7a
    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.

    Avatar: Jack Richardson
    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.

    Avatar: ycs7a
    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.

    Avatar: Jack Richardson
    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.

    Avatar: ycs7a
    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.

    Avatar: Jack Richardson
    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.

    Avatar: ycs7a
    ycs7a
    Participant
    March 16, 2017 at 21:28

    Thank you Jack, it displays well on every page now

    Avatar: ycs7a
    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

    Avatar: Jack Richardson
    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.

    Avatar: ycs7a
    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.

    Avatar: Jack Richardson
    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.

    Avatar: ycs7a
    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?

    Avatar: Jack Richardson
    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.

    Avatar: ycs7a
    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.

    Avatar: Jack Richardson
    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.

    Avatar: ycs7a
    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?

  • 1 2 3 4
    Viewing 60 results - 41 through 60 (of 71 total)

The issue related to '‘Product page’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.