Support » Theme: TheShop » Adding woocommerce product slider plugin to the front page

  • sanaali110

    (@sanaali110)


    Hi again,
    Thanks for your reply on my last post,, can you please tell me if I am able to use woocommerce product slider plugin on the home page
    I have selected front page for home and have downloaded xml for sample data

    I want it to be displayed before the footer

    I have tried to change functions.php with the short code but no luck
    I have also tried to add shortcode in the visual editor of the home page..
    When i change the template to default or full width it appears but how to use it with front page ..
    i know html5 and css3 is it possible with that?
    If i make a child theme is it possible then?
    Kindly reply

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 19 total)
  • sanaali110

    (@sanaali110)

    this is the name of the plugin

    WooCommerce Products Carousel Sliders

    Hello there,

    You can display the slider with its shortcode. In page builder of your home page, you can use a Text widget.

    Regards,
    Kharis

    sanaali110

    (@sanaali110)

    Hi Kharis,
    Thanks for your reply, I dont have a place to add this widget on the front page, on my dashboard in this theme only has sidebar and three footer widgets areas

    Hello there,

    Try adding the below code to child theme’s functions.php file. Or use a functionality plugin like Code Snippets without any child theme.

    
    function theshop_sections() {
    
    	$sections = array();
    	$sections[] = get_theme_mod('section_1', 'products');
    	$sections[] = get_theme_mod('section_2', 'cta');
    	$sections[] = get_theme_mod('section_3', 'cats');
    	$sections[] = get_theme_mod('section_4', 'posts');
    
    	foreach ($sections as $section) {
    		$section_name = 'theshop_section_' . $section;
    		$section_name();
    	}
    
      ?>
    
      <section class="extra-section">
        <div class="container">
          <?php echo do_shortcode('[wpcs id="123"]'); ?>
        </div>
      </section>
    
      <?php
    }
    

    Replace:

    
    [wpcs id="123"]
    

    with your active shortcode.

    Regards,
    Kharis

    sanaali110

    (@sanaali110)

    Hi Kharis,
    Thank you so much for your reply, I tried adding the code using code snippet and when I click save its taking me to 404 error, I tried adding this code also in functions.php but giving me error, “something went wrong!!”
    Is there any other way to add this code other than code snippet it doesn’t seem to work with my site.

    I have used another plugin to add this code but still giving me 404 page not found

    • This reply was modified 2 years ago by sanaali110.

    Hi, slightly different issue here. My site http://sumomovers.co.uk has the site title misaligned due to the card payment image size (i think). Can you tell me a. how to reduce the image size on mobile only, and b. how to re-align the site title mobile only. Maybe they can be done together?
    I added the card payment image with additional css at an earlier stage.

    Thanks in advance

    • This reply was modified 1 year, 10 months ago by rightthinker.

    doesnt matter guys…. i sorted it with a piece of code i used on another site! Thanks anyway!

    Damn! Anyone help me with ANOTHER issue on the mobile? The homepage slider is only showing image icons. Is there a fix? Removing it altogether might be the best option? http://sumomovers.co.uk/ again.

    • This reply was modified 1 year, 10 months ago by rightthinker.

    Hello there,

    Please try re-uploading your slide images as it looks like they aren’t available at this time. For example this one, the second slide image, visiting it resulting “Page not found”.

    Regards,
    Kharis

    ahhhhh…… hmmmmmm….. looks like i accidentally deleted the images! They were flagged as unattached, but obviously they were! I have put them back in and looks okay again.
    I don’t suppose you know how i can add a responsive ‘call’ button to both the pc and mobile sites? I have modified the code on another site to use the tagline this way, but would like a separate button or responsive text if possible, maybe with hover colour change?
    Apologies if i am asking too much.

    Thanks.

    my bad….. found a plugin for it. Cheers anyway. I will leave yo alone now:)

    Great! You’re welcome!

    Regards,
    Kharis

    Seem to have a CSS error regarding .slicknav on my site http://sumomovers.co.uk

    .slicknav_nav a:hover,
    .slicknav_nav a:afmobilctive,
    .slicknav_nav a:focus, {
    text-decoration: none;
    }

    It’s telling me: Unexpected token ‘{‘

    Baffled. Please help.

    • This reply was modified 1 year, 10 months ago by rightthinker.

    You might have placed an extra { some where in css, also check it by removing the last comma after a:focus but i think you need to match {} in css

    Hello there,

    Each time doing some CSS coding, to check whether it contains error or no, you can validate your code with this tool: https://jigsaw.w3.org/css-validator/#validate-by-input.

    Regards,
    Kharis

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Adding woocommerce product slider plugin to the front page’ is closed to new replies.