Return to previous page

Default Ecommerce 4 - by ycs7a - on WordPress WooCommerce support

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

ycs7a

Participant

May 18, 2017 at 23:39

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.

#163521 Copied

54 Answers

ycs7a

Participant

May 18, 2017 at 23:52

7. The pause button on the Default Ecommerce Home page: How to place pause button on my video?

#163525 Copied

Rizath

Member

May 19, 2017 at 05:04

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

#163532 Copied

ycs7a

Participant

May 19, 2017 at 07:55

‘1. This unfortunately doesn’t work. Please see these images: image 1 and image 2.

#163540 Copied

Rose Tyler

Support staff

May 19, 2017 at 13:25

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.

#163578 Copied

ycs7a

Participant

May 19, 2017 at 15:32

‘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.

#163615 Copied

Rose Tyler

Support staff

May 19, 2017 at 15:39

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.

#163617 Copied

ycs7a

Participant

May 19, 2017 at 16:38

‘4. Thank you kindly.

8. How can I implement a Google Street view 360 degrees in my page, like this view?

#163629 Copied

Max Mullins

Participant

May 19, 2017 at 17:10

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

#163635 Copied

ycs7a

Participant

May 19, 2017 at 20:52

‘1. 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. Please see this image.

9. How do I add a dropdown element as on the Default Store page? Please see this image.

#163648 Copied

Rose Tyler

Support staff

May 22, 2017 at 10:48

Hello,

1. You can change Blog Layout in Theme Options.
9. It is FAQ element http://prntscr.com/fao6r0

Regards,
Rose Tyler.

#163751 Copied

ycs7a

Participant

July 1, 2017 at 22:55

‘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?

#166871 Copied

Rose Tyler

Support staff

July 3, 2017 at 15:14

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.

#166940 Copied

ycs7a

Participant

July 3, 2017 at 21:56

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.

#166984 Copied

Rose Tyler

Support staff

July 5, 2017 at 09:35

Hello,

Sorry for the delay.
Please read this topic https://www.8theme.com/topic/change-social-icons/

Regards,
Rose Tyler.

#167100 Copied

ycs7a

Participant

July 8, 2017 at 00:00

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?

#167372 Copied

Rose Tyler

Support staff

July 10, 2017 at 10:35

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.

#167468 Copied

ycs7a

Participant

July 10, 2017 at 23:21

Thank you Rose,

The letters are quite small. is it possible to make the icon like the new Youtube icon?

#167544 Copied

Rose Tyler

Support staff

July 11, 2017 at 10:55

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.

#167579 Copied

ycs7a

Participant

July 11, 2017 at 23:11

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

#167664 Copied