Adding woocommerce product slider plugin to the front page

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

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

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 6 years, 9 months ago by sanaali110.

Hi, slightly different issue here. My site https://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 6 years, 7 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? https://sumomovers.co.uk/ again.

• This reply was modified 6 years, 7 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 https://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 6 years, 7 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