This topic has 55 replies, 6 voices, and was last updated 7 years ago ago by Rose Tyler
I would like to know how I can change the following things as on the default Royal theme:
1. The ‘Blog Miniature with Left Sidebar’. Please see this image. I would really like to be able to place the following link in the title of my footer called ‘Blogs’. I would like this link to lead to a view of my blogs as the ‘Blog Miniature with Left Sidebar’ on the Royal default website.
2. The ‘Store’ page. Please see this image.
3. The ‘Our Store’ page. Please see this image.
4. How do I change the SALE label to something else, like this image?
5. The ‘Timeline’ page. Please see this image.
6. The ‘Featured image’ page. Please see this image.
Thank you kindly.
7. The pause button on the Default Ecommerce Home page: How to place pause button on my video?
1. Static blocks >> Footer bottom and click on edit..
then at the last column click on pencil icon where you can change the title ‘blog’ to anything you want. screenshot : https://prnt.sc/f9j7kv
other questions will be answered shrortly
Hello,
1. I’ve deleted widget title http://prntscr.com/f6is9t and added in your footer static block Blogs Custom Heading with the link. Please check.
2. Please see screenshot https://prnt.sc/f9npk5
<p style="text-align: center;">Lorem ipsum dolor sit amet, consect etur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
<p style="color: #6c6c6c; text-align: center; font-size: 36px;"><span style="color: #c1c1c1;">+44 </span>700 700 700</p>
[row][column size="one-half"]
<p style="text-align: center;"><strong><i class="fa fa-home"></i> STORE ADRESS</strong>
300 Princess Road London
London,United Kingdom
<span class="active"><i class="fa fa-envelope-o"></i> suport@royal.com</span></p>
[/column][column size="one-half"]
<p style="text-align: center;"><strong><i class="fa fa-clock-o"></i> WORKING HOURS</strong>
Mon-Fri : 8AM - 5PM
Saturday : 9AM - 4PM
Sunday : Closed</p>
[/column]
[/row]
3. http://prntscr.com/f9nreb http://prntscr.com/f9nrhy
[vc_row][vc_column width="1/2"][vc_column_text]
[gallery link="file" columns="5" ids="17541,17542,17548,17545,17554"]
[/vc_column_text][/vc_column][vc_column width="1/2"][vc_column_text]<strong style="font-size: 18px; color: #000;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</strong>
Etiam nulla nunc, aliquet vel metus nec, scelerisque tempus enim. Sed eget blandit lectus. Donec facilisis ornare turpis id pretium. Maecenas scelerisque interdum dolor in vestibulum. Proin euismod dui purus, non lacinia ligula luctus aIn volutpat cursus quam, a blandit neque accumsan vitae. Maecenas scelerisque interdum dolor in vestibulum.
[checklist]
<ul>
<li>Duis aute irure dolor in reprehenderit in voluptate.</li>
<li>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</li>
<li>Sed ut perspiciatis unde omnis iste natus error sit voluptatem</li>
<li>Duis aute irure dolor in reprehenderit in voluptate.</li>
</ul>
[/checklist]
Proin euismod dui purus, non lacinia ligula. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Maecenas scelerisque interdum dolor in vestibulum. Proin euismod dui purus, non lacinia ligula luctus aIn volutpat cursus quam, a blandit neque accumsan vitae.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_text_separator title="Additional informations" title_align="separator_align_left" color="black"][vc_toggle title="How to setup Royal Ecommerce theme?" open="true" style="bordered"]There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.[/vc_toggle][vc_toggle title="Where can i buy pictures from demo preview?" open="false" style="bordered"]There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.[/vc_toggle][vc_toggle title="How to setup Royal Ecommerce theme?" open="false" style="bordered"]There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.[/vc_toggle][/vc_column][vc_column width="1/2"][teaser_box style="default" title="STORE ADDRESS"]
<p style="text-align: center;">Lorem ipsum dolor sit amet, consect etur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
<p style="color: #6c6c6c; text-align: center; font-size: 36px;"><span style="color: #c1c1c1;">+44 </span>700 700 700</p>
[row][column size="one-half"]
<p style="text-align: center;"><strong><i class="fa fa-home"></i> STORE ADRESS</strong>
300 Princess Road London
London,United Kingdom
<span class="active"><i class="fa fa-envelope-o"></i> suport@royal.com</span></p>
[/column][column size="one-half"]
<p style="text-align: center;"><strong><i class="fa fa-clock-o"></i> WORKING HOURS</strong>
Mon-Fri : 8AM - 5PM
Saturday : 9AM - 4PM
Sunday : Closed</p>
[/column]
[/row][/teaser_box][/vc_column][/vc_row]
4. You can rewrite this code in Custom css http://prntscr.com/f9ntnj with url to your image.
5. Please usse Timeline element on your page http://prntscr.com/f9nv0q
6. http://prntscr.com/f9nvub
7. http://prntscr.com/f9nwy8
Regards,
Rose Tyler.
‘1-3. Thank you kindly for your answers.
‘4. I do not understand this step. What should I change and where?
‘5-7. Thank you kindly.
Hello,
You’re welcome!
Fox example, add this code in Theme Options > Custom css:
.menu > li.label-sale > a:before {
background-image: url(https://8theme.com/import/royal/demos/wp-content/uploads/sites/2/2016/05/jew.jpg?id=23121) !important;
background-size: contain;
}
Regards,
Rose Tyler.
‘4. Thank you kindly.
8. How can I implement a Google Street view 360 degrees in my page, like this view?
8. Hello, @ycs7a.
You may add following iframe code in Visual composer page editor by selecting an element “googlemapview” and add it to google map element option with your google api key.
<iframe width="600" height="450" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/streetview?pano=https%3A%2F%2Fwww.google.com%2Fmaps%2F%3Fuv%3Fhl%3Dnl%26pb%3D!1s0x47b811e3e449a149%253A0x626037292d9fcc04!2m17!8m2!1m1!1e2!16m13!1b1!2m2!1m1!1e1!2m2!1m1!1e3!2m2!1m1!1e4!2m2!1m1!1e5!3m1!7e115!4s%252Fmaps%252Fplace%252Fatelier%252Bchristian%252F%254052.2667519%252C6.7948174%252C3a%252C75y%252C342.42h%252C90t%252Fdata%253D*213m4*211e1*213m2*211svjCI64ah-dUAAAQ3n-TdpQ*212e0*214m2*213m1*211s0x47b811e3e449a149%253A0x626037292d9fcc04%26imagekey%3D!1e2!2svjCI64ah-dUAAAQ3n-TdpQ%26sa%3DX%26sqi%3D2%26ved%3D0ahUKEwjips3wpPzTAhUEZVAKHcXiBckQoB8IiQEwDg%26activetab%3Dpanorama&key=..." allowfullscreen></iframe>
Please also note that this feature requires google services api key which you may get on googlepage.
You may read this article about api key : get the api.
Add your api key it to the end of the code above instead of key=...
and paste whole code in to the gmap Visual composer element.
Regards,
Max Mullins
Hello,
1. You can change Blog Layout in Theme Options.
9. It is FAQ element http://prntscr.com/fao6r0
Regards,
Rose Tyler.
‘1 and 9. Thank you for your answer.
10. I want to add a Youtube button (with a link to my youtube page) to the shortcodes.php file. So it will come next to Twitter, Facebook, Instagram etc. button in the footer and on every single product page. How can I do this?
The ‘Send mail’-button has a pre-written subject-line. How can I change this?
Hello,
10. You can copy this function http://prntscr.com/fr3hib in function.php file of your child theme and add you link.
11. Please provide a screenshot of the button.
Regards,
Rose Tyler.
Hi Rose,
Thank you.
’10. Can you write the code for youtube out? Like this:
if($mail == 1) {
$html .= '
<li>
<a href="mailto:info@?subject='.$post_title.'" class="'.$tooltip_class.'" title="'.__('Stuur ons een mail', ET_DOMAIN).'" target="_blank">
<i class="ico-envelope"></i>
<svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
<circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
</svg>
</a>
</li>
';
}
Please explain what I should add for the Youtube button.
’11. I removed ?subject='.$post_title.'
from the code and now it’s gone. Thank you.
Hello,
Sorry for the delay.
Please read this topic https://www.8theme.com/topic/change-social-icons/
Regards,
Rose Tyler.
Hi Rose,
So what must be changed for the youtube button are two things:
I) In themes\woopress\framework\shortcodes.php file on line 1729-1796:
if($youtube == 1) {
$html .= '
<li>
<a href="http://your_youtube_link" class="'.$tooltip_class.'" title="'.__('YouTube', ET_DOMAIN).'" target="_blank">
<i class="ico-youtube"></i>
<svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
<circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
</svg>
</a>
</li>
';
}
II) In Theme Options > Custom CSS > Global Custom CSS:
.menu-social-icons .ico-youtube:before {
content: "\f167";
font-family: FontAwesome;
}
.menu-social-icons .ico-youtube {
display: block;
width: 28px;
height: 28px;
}
Is this correct?
Hello,
I’ve made changes in function.php of your child theme. Please check.
Also, add this code in Theme Options > Custom css:
.menu-social-icons i.fa.fa-youtube {
width: 28px;
height: 28px;
}
Regards,
Rose Tyler.
Thank you Rose,
The letters are quite small. is it possible to make the icon like the new Youtube icon?
Hello,
You’re welcome!
Try to change <i class="fa fa-youtube" aria-hidden="true"></i>
in the code to your image <img src=" link to image " alt="">
Regards,
Rose Tyler.
Hi Rose,
Thank you. How do I insert a value for “?
12. I would like to have the sixth tab (called ‘Guarantee’) to start with the <p> like the default tab on the Default Ecommerce single product page.
Please see this (correct version )and this (not correct) image. See for an example, this product
How do I create such a white vertical bar, so that the text starts a bit more center?
13. When you view the tabs on the phone, then there is problem. Please see this image. Is there a way to separate the tabs on the phone equally in 2 columns with the 3 rows?
Thank you
Hello,
Simply upload needed image in your media library and add in the code url of the image.
12. Is your problem solved? http://prntscr.com/furzif
13. Try to add this code in Custom css for mobile:
.product-content .tabs-default .tabs-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-content .tabs-default .tabs-nav .single-product #tab_10 {
margin-left: 0px !important;
}
Regards,
Rose Tyler.
’12. No, I want there to be a white vertical line in the tab called ‘Garantie’. Just like the tab ‘Levering en Ontvangst’. How do I accomplish this?
’13. Can you show me a picture of how it looks now? I have added the custom css for the mobile.
14. After a month I still cannot use the Product Variation. Customers are asking for this. I am not good at checking which plugin is causing the error. Do you know how to fix this?
Hello,
12. Please use this code:
.tabs #content_tab_12 {
padding-left: 15px !important;
}
13. http://prntscr.com/fv3llh try to clear cache on your site
14. Try to activate Ultimate Addons for Visual Composer plugin and then check your variation product.
Regards
’12. Thank you this works well.
’13. Thank you kindly.
’14. I have activated Ultimate Addons plugins, but it still does not work.
Hello,
You’re welcome! Please update WPBakery Visual Composer plugin https://www.8theme.com/download-plugins/page/2/, make sure that you activated http://prntscr.com/fvj1gc and provide link to one of your variable products.
Regards
I have activated the plugin Ultimate Addons, and I have updated the plugin WPBakery Visual Composer.
But the variations still does not work.
Please see this product that I was able to make a variation before the problem occurred. But now I cannot change anything about this product.
Please help.
Hi @ycs7a,
Actually what is not working in your variable product? I checked your linked product, it works just fine. If you tell us exactly what is not working, we will double check it.
Let us know,
Thanks,
laranz.
Please, the problem is that I cannot make any new variation products. Please try doing so, you will see that it is not possible. See image.
I cannot make new variations, and I cannot change the old variations. It just doesn’t work.
Please help.
Hi,
For that, can you pass us the WP Login details in a Private reply?
Let us know,
Thanks,
laranz.
See enclosed.
You can also look at the Private Content of my other messages for my passwords.
You must be logged in to reply to this topic.Log in/Sign up