Default Ecommerce 4 - by ycs7a - on WordPress WooCommerce support

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

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

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

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

    Avatar: ycs7a
    ycs7a
    Participant
    May 19, 2017 at 07:55

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

    Avatar: Rose Tyler
    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.

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

    Avatar: Rose Tyler
    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.

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

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

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

    Avatar: Rose Tyler
    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.

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

    Avatar: Rose Tyler
    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.

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

    Avatar: Rose Tyler
    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.

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

    Avatar: Rose Tyler
    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.

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

    Avatar: Rose Tyler
    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.

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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 12, 2017 at 14:59

    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.

    Avatar: ycs7a
    ycs7a
    Participant
    July 12, 2017 at 23:17

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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 13, 2017 at 08:56

    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

    Avatar: ycs7a
    ycs7a
    Participant
    July 13, 2017 at 23:00

    ’12. Thank you this works well.

    ’13. Thank you kindly.

    ’14. I have activated Ultimate Addons plugins, but it still does not work.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 14, 2017 at 08:09

    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

    Avatar: ycs7a
    ycs7a
    Participant
    July 15, 2017 at 17:39

    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.

    Avatar: laranz
    Laranz
    Participant
    July 17, 2017 at 01:50

    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.

    Avatar: ycs7a
    ycs7a
    Participant
    July 18, 2017 at 21:51

    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.

    Avatar: laranz
    Laranz
    Participant
    July 19, 2017 at 07:17

    Hi,

    For that, can you pass us the WP Login details in a Private reply?

    Let us know,

    Thanks,
    laranz.

    Avatar: ycs7a
    ycs7a
    Participant
    July 19, 2017 at 23:04

    See enclosed.

    You can also look at the Private Content of my other messages for my passwords.

    Please, contact administrator
    for this information.
  • 1 2
    Viewing 30 results - 1 through 30 (of 55 total)

You must be logged in to reply to this topic.Log in/Sign up

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