Return to previous page

Displacement of products - by ycs7a - on WordPress WooCommerce support

This topic has 20 replies, 5 voices, and was last updated 8 years, 5 months ago ago by Rose Tyler

ycs7a

Participant

December 10, 2016 at 20:58

Hi,

1. How can I get the fixed size of products displayed? In the Theme Room 09 the Featured image size is fixed to 160 × 160 px Hard Crop. How can I do the same for Royal? Because now the image sizes (e.g. for Related Products) are different, resulting in an ugly look to the site.

2. In the Default Ecommerce Theme there are 4 tabs: ‘Description’, ‘Review’ ‘Return and Delivery’ and another ‘Return and Delivery’ tab. How can I achieve the same? I also want more than 2 tabs on every product page.

3. I want to place the Product Tags in my Static block, or otherwise in the sidebar. But I have so many tags, that the page becomes too long since many tags are placed under each other. How can I choose how many tags I want to display?

4. Is it possible to toggle ‘On’ the option to review a product for all products all at once? Because if there is no such option, I will have to toggle it ‘On’ for every single one, and that will take some time.

5. The product images on the Product Image Page are not correct at times.

For instance, too many images are shown (e.g. https://www.test.atelierchristian.nl/webshop/ringen/gouden-ring-met-parel-en-diamant/), or the same image is shown twice (e.g. https://www.test.atelierchristian.nl/webshop/ringen/gouden-ring-onyx-en-diamant/).

Also, these example show that the page indicated that the image is still loading, with the word ‘Loading…’ remaining on the product page.

Moreover, when you click on one of the smaller images, the customer is directed to the media file of that image. Instead, they should remain on the same page and see the smaller image enlarged. Just like the Demo version: e.g. http://preview.themeforest.net/item/royal-multipurpose-wordpress-theme/full_screen_preview/8611976?_ga=1.141335538.1332743067.1477339173.

6. The website http://thecraterlibrary.com/upload-e-resource/, which has also been made with Royal, has several different banners for the different pages. Can I make the banner as high as on that website? Because the banner I have by default is small in comparison?

7. Can I change the social button with mail icon ‘Mail to a friend’ into ‘Stuur ons een email’? And then have it direct to mailto:info@atelierchristian.nl.

8. On the Default Home Page there is a slide between the two footers, which says: [star-icon] ROYAL – MOST POWERFUL TEMPLATE FRAMEWORK! [star-icon].

How can I get the same result on my site?

Please, contact administrator
for this information.

#148594 Copied

19 Answers
Eva Kemp

Participant

December 12, 2016 at 16:34
Hello,

1. Please add this code in Theme Options > Custom CSS > Custom CSS for desktop:

.carousel-area .product-content-image img { height: 220px; }

2. Read in woocommerce documentation how to add custom tabs https://docs.woocommerce.com/document/editing-product-data-tabs/

3. If you use Tags Cloud widget you can change tags number as described here https://www.wphub.com/how-to-customize-the-wordpress-tag-cloud/ .

4. This is Woocommerce option and there is no bulk edit for “review” option.

5. This is related to the plugin “YITH WooCommerce Magnifier”. Deactivate it and gallery images will disappear.

6. Do you mean background image of breadcrumbs? Please show a screenshot what banner you mean and where it’s added on your site.

7. You can edit it in wp-content/themes/royal/framework/shortcodes.php in line 2050.

8. You can create a static block in WP Dashboard > Static Blocks and use “Call to Action” element in Visual Composer editor. Then add “8theme – Static Block” widget in Appearance > Widgets > Footer 1.

Regards,
Eva Kemp.
#148669 Copied
ycs7a

Participant

December 13, 2016 at 16:41

‘1. The products on the Home page look good, but on other pages it doesn’t.

See https://www.atelierchristian.nl/sieraden/page/86/.

#148897 Copied
Eva Kemp

Participant

December 13, 2016 at 19:36
Hello,

Please also use this css code:

.product-content-image img { height: 220px; }

Regards,
Eva Kemp.
#148936 Copied
ycs7a

Participant

December 14, 2016 at 10:22

Hi,

Thank you.

The problem seems to remain even though I have added the css code.

See https://www.atelierchristian.nl/sieraden/page/86/

#149011 Copied

Eva Kemp

Participant

December 14, 2016 at 13:19

Hello,

I didn’t find the code in Custom CSS for desktop section, so I’ve added it and products are shown fine now.
Please check.

Regards,
Eva Kemp.

#149038 Copied

ycs7a

Participant

December 14, 2016 at 19:53

That worked. I added the code to the Add Custom CSS plugin.

Thank you for answers 1 and 3-8.

‘2. Do I need to write the code in the functions.php part of the Theme Royal?

Now the functions.php only read the following:

<?php
global $etheme_theme_data;
$etheme_theme_data = wp_get_theme( get_stylesheet_directory() . ‘/style.css’ );
require_once( get_template_directory() . ‘/framework/init.php’ );

#149108 Copied

Eva Kemp

Participant

December 14, 2016 at 20:49

Hello,

2. Yes you need write the code wp-content/themes/royal/functions.php file. Better create child theme https://codex.wordpress.org/Child_Themes and make changes there not to lose modifications after theme update.

Regards,
Eva Kemp.

#149125 Copied

ycs7a

Participant

May 19, 2017 at 21:12

‘2. I wish to add 2 custom tabs to every product. When I try to write the 2 custom tabs in my child-theme, my whole website goes blank.

I have followed the instructions on this page. But even when I just add the code as it is on the Woocommerce website (starting with ‘add_filter’), then my site still goes blank.

I wish to write this tab and this tab for every product on my website. Please see for the content of tab 1 this page and for tab 2 this page.

#163649 Copied

Max Mullins

Participant

May 22, 2017 at 08:43

Hello, @ycs7a.
Sorry for the late reply.
Please provide us with temporary ftp credentials to check the issue.

Regards,
Max Mullins

#163722 Copied

ycs7a

Participant

June 29, 2017 at 00:37

Please see Private Content.

I would like to make 3 tabs:
– one with text and an image
– one with text and a video
– one with text and an image

Thank you for your help.

Please, contact administrator
for this information.

#166633 Copied

Rose Tyler

Support staff

June 30, 2017 at 12:32

Hello,

Additional customization is outside the scope of our support.
But I’ve created custom tab example, please check /themes/Christian-child/woocommerce/single-product/tabs/tabs.php file http://prntscr.com/fpz7wu

Regards,
Rose Tyler.

#166785 Copied

ycs7a

Participant

July 1, 2017 at 08:42

Dear Rose Tyler,

Please help. I have bought additional support just for this question.

Both Eva Kemp and Max Mullins said that they can help me with this issue. Why do you give a different answer?

#166844 Copied

Laranz

Participant

July 1, 2017 at 18:19

Hi,

Did Rose Tayler’s answer helpful? You can customization like that in that file to create additional tabs. If you tell us exactly what you need, I can guide you.

Let us know,

Thanks,
laranz.

#166863 Copied

ycs7a

Participant

July 1, 2017 at 20:28

Hi Laranz,

I would like a little distance between the ‘normal’ tabs and the 3 tabs. See this image. Is this possible?

There is also an odd things with the tabs: when I write the second column, it start far lower than the first (left) column. Please see this image.

Can this be fixed?

#166869 Copied
Rose Tyler

Support staff

July 3, 2017 at 08:46
Hello,

You can add this custom css in Theme Options > Custom css:

.single-product #tab_10 { margin-left: 30px !important; }

Regards,
Rose Tyler.
#166898 Copied
ycs7a

Participant

July 3, 2017 at 22:00

Thank you Rose.

There is also an odd things with the tabs: when I write the second column, it start far lower than the first (left) column. Please see this image.

Do you know how this can be fixed?

#166985 Copied
Rose Tyler

Support staff

July 4, 2017 at 08:44
Hello,

It depends on structure of your tab so you need to check the content of your custom tab http://prntscr.com/fre4aj or add this code in Theme Options > Custom css:

#content_tab_12 .vc_row{ margin-top: -30px; } #content_tab_12 .vc_column_container:first-child{ margin-top: 30px; }

Regards,
Rose Tyler.
#166998 Copied
ycs7a

Participant

July 8, 2017 at 00:01

Thank you, it worked well.

#167373 Copied

Rose Tyler

Support staff

July 10, 2017 at 07:54

Hello,

You’re welcome!

Regards,
Rose Tyler.

#167448 Copied
Viewing 20 results - 1 through 20 (of 20 total)