back buttons

Amar August 15, 2021 at 11:55 am

Hi again, how do I go about inserting back buttons on the pages such as in the cart and on product pages please?

Spiracle Themes August 16, 2021 at 5:59 am

Hi Amar

We don’t get it. Do you have any example for us to show?

Best Regards

Amar August 16, 2021 at 3:00 pm

.

Amar August 16, 2021 at 3:02 pm

above is cart page to spiracle demo, when there is no product it shows return to shop button, but when there is a product it does not, is there a way to add it in please

Amar August 16, 2021 at 3:03 pm

above is the product link, is there a way to have a back button on this page so dont have to click through the category section again please

Spiracle Themes August 16, 2021 at 4:54 pm

Hi Amar

Ok We get it.
To add button or any content in the product archive page, you need to modify the woocommerce.php file located in the root directory ( wp-content/themes/own-shop).
Just open this file with any text editor and add your button code after line number 16

Hope this will help.
Also these changes will be lost if you update the theme so make sure you do not update the theme.

Best Regards

Amar August 16, 2021 at 10:42 pm

ok I will give it a try and how does one update a theme?

Spiracle Themes August 18, 2021 at 5:16 am

Hi Amar,

Updating a theme is very simple. You just have to click on the update link when there is an update. You can also view
youtube videos for that.

Best Regards

Amar August 22, 2021 at 7:10 pm

is there anyway to edit the shop, product and cart pages with elementor, is there a way to add a back button and design stuff using that way? i can only seem to manage the home page and such with elementor. also is it possible to change the product page layout, is there way like using templates just do change the one page and do you know of any please?

Spiracle Themes August 23, 2021 at 5:49 am

Hi Amar

These pages are not normal pages and we have to rely on the WooCommerce plugin for their functionality.But
you can do it using the Elementor Pro plugin I guess. They have the option to modify the product, cart and checkout pages using their page
builder.

Best Regards

Amar August 23, 2021 at 7:38 pm

I will have to try and see which is the best possible solution, the checkout page is all that i would like a more better template applied to it.

is there any way to tweak the related products at the bottom of the product page, cant seem to find a way to change which products are being shown thanks

Spiracle Themes August 24, 2021 at 5:34 am

Hi Amar

You can’t specify the related product according to yourself.
It shows products automatically based on similar products. Read more about this here
Set up Related Products

Best Regards

Amar August 24, 2021 at 2:58 pm

Yes this worked by adding tags, thank you. Another issue is the 404 page please, does this template have one that can be edited, if not is there any way to go about this thanks.

Spiracle Themes August 25, 2021 at 4:49 am

Hi Amar,

Yes, there is a 404.php page in the root directory of the theme. You can try to customize it.

Best Regards

Amar August 26, 2021 at 12:05 pm

I noticed there was an update to the theme but could find what was changed, you you please tell me briefly

Spiracle Themes August 26, 2021 at 12:47 pm

Hi Amar,

Hope you are doing good.
Yes, we have released a theme update in which we have fixed the minor issues.
ie

-- Browse category section woocommerce independent
-- removed elementor as a recommended plugin
-- cart page mobile fixed

If you have modified your theme, I suggest you NOT update the theme as it will erase every change you have made in your theme.

Best Regards

Amar September 8, 2021 at 2:53 pm

Hi im just wondering if it is possible to change the “all categories” dropdown that is on the right of the search box to maybe show brands or other pages please?

Amar September 8, 2021 at 3:16 pm

Also with this template is there way to change the layout of how the product name and price is shown( can the price be shown under the product name instead of to the right), thanks

Spiracle Themes September 9, 2021 at 5:08 am

Hi Amar

You can have any menu of your choice. All you have to do is to create a new menu (Appearance -> Menus) and then add menu items to it. Then select
the Category Menu as display location.

Best Regards

Spiracle Themes September 9, 2021 at 5:12 am

Hi Amar

For this, you have to provide us your website URL so that we can provide you some CSS

Best Regards

Amar September 12, 2021 at 7:50 pm

Ive got another issue and my logo is now appearing on the right hand side of the screen instead of the left after experimenting with the style-main files. anyway I can revert it back please, i cntrl-z everything before saving so im not sure how this has occurred?

Amar September 12, 2021 at 9:04 pm

Hi ignore the last reply I have fixed it and im not able to provide the website, is there a guide or way I can manually do myself please

Spiracle Themes September 13, 2021 at 6:00 am

Hi Amar

No issues. You can try the following CSS to do this

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    display: block;
    float: none;
    width: 100%;
    text-align: center;
}

.woocommerce ul.products li.product .price {
    display: inline-block;
}

.woocommerce ul.products li.product .price {
    text-align: center;
    float: none;
}

Copy & Paste it in Appearance -> Customize -> Additional CSS

Best Regards

Amar September 21, 2021 at 1:22 am

Hi, the css code worked a charm thanks. another change im trying to make is to make the header background green please (not the top bar) by default it is white, anyway in which i can make it green without creating a whole new header please?

Spiracle Themes September 21, 2021 at 7:26 am

Hi Amar,

To change header background using CSS. Try the following CSS :

header {
background: #1cc11a;
}

Best Regards

Amar September 21, 2021 at 1:56 pm

Thank you so much, you support is always appreciated.

Amar September 25, 2021 at 6:20 pm

Hi, on the mobile view im finding that my logo is higher than the menu bar, when i remove the logo then the menu bar rises, anyway i can have them both at the same level please?

Spiracle Themes September 27, 2021 at 5:23 am

Hi Amar,

We need your website URL for this issue. Please mention your website URL

Best Regards

Amar September 29, 2021 at 12:08 am

This reply has been marked as private.

Spiracle Themes September 29, 2021 at 5:21 am

Hi Amar

Try the following CSS

@media only screen and (max-width: 370px) {
    .style1 .header-wrapper .logo {
        width: 38% !important;
    }
}

Copy & Paste it in Appearance -> Customize -> Additional CSS

Best Regards

Amar September 29, 2021 at 4:46 pm

Hi, thank you this worked on phone such as samsung s21 but on older version such as samsung s9 it does not. do i need to change the px or the % of the width?

Spiracle Themes September 30, 2021 at 6:03 am

Hi Amar,

Yes, you can target any screen size using the same method.
Just write down a new CSS. For example

@media only screen and (max-width: 300px) {
    .style1 .header-wrapper .logo {
        width: 30% !important;
    }
}

Please change the screen width according to your requirements and also the logo width

Best Regards

Amar October 8, 2021 at 4:52 pm

Hi, is there any way i can stop my widgets in my woocommerce side bar from moving when i scroll down, i dont want to use sticky because i want the widgets to only be shown at the top of the page, thanks.

Spiracle Themes October 11, 2021 at 6:19 am

Hi Amar

We are using the Theia Sticky sidebar js file for this. To remove this you’ve to do some code changes.

1) First of all open functions.php file with any text editor
2) Find theia-sticky-sidebar in the file and then remove this line

wp_enqueue_script( 'theia-sticky-sidebar', get_template_directory_uri() . '/js/theia-sticky-sidebar.min.js',array(),'1.7.0', true );

3) Then in main.js file inside the js folder, remove these two lines

/*-- Sticky Sidebar --*/
$('#sidebar-wrapper, #post-wrapper').theiaStickySidebar({minWidth: 1024});
$('#woo-sidebar-wrapper, #woo-products-wrapper').theiaStickySidebar({minWidth: 1024});

4) once done, copy the entire code of main.js and paste it on the Input Javascript of
https://www.toptal.com/developers/javascript-minifier/

5) After that click on minify button to minify js and copy the minify js and paste it into main.min.js file

Best Regards

Amar October 15, 2021 at 10:09 pm

worked, thanks. is there anyway to edit the mobile menu, i kind of want to add padding so the search bar and the close (x) are pushed down a bit?

Spiracle Themes October 18, 2021 at 5:35 am

Hi Amar

Try the CSS below

/* mobile menu close button */
.hd-bar .hd-bar-closer {
    top: 35px;
}

/* mobile menu padding */
.hd-bar-wrapper {
    padding-top: 60px;
}

Edit the number values accordingly

Best Regards

Amar November 2, 2021 at 6:48 pm

Hi,

is there a way to enable page breadcrumbs within this theme, ive tried plugins but the theme does not show them?

also is there a way to add padding to the back-to-the-top button to move it higher up the page?

Thanks

Spiracle Themes November 3, 2021 at 5:23 pm

Hi Amar,

For the breadcrumbs, you’re missing the code that you have to add to the page title. Read the docs and add that code to the page title of this theme.
For the back to top button try the CSS below

.btntoTop {
    bottom: 100px;
}

You can increase/decrease the number 100 also to fit the position

Best Regards

Amar November 24, 2021 at 5:26 pm

Hi, is there anyway to hide the “display name” block on the my account edit page please?

Spiracle Themes November 26, 2021 at 4:29 am

Hi Amar

Could you please attach a screenshot of the page section where you want to hide the name?

Best Regards

Amar November 26, 2021 at 1:53 pm

do you have email?

Amar November 27, 2021 at 2:47 am

hi, if you can see this example where it shoes “display name” box, can this be removed with css because i dont want customer to change their display name please?

https://www.cozmoslabs.com/wp-content/uploads/2020/03/default-WooCommerce-edit-profile-form.jpg

Spiracle Themes November 27, 2021 at 6:51 am

Hi Amar,

Email us at support@spiraclethemes.com

Best Regards

Amar November 27, 2021 at 5:01 pm

Hi, I sent example link: https://www.cozmoslabs.com/wp-content/uploads/2020/03/default-WooCommerce-edit-profile-form.jpg
Anyway to remove “display name”

Spiracle Themes November 29, 2021 at 10:01 am

Hi Amar

Please check your email for the reply

Best Regards

Amar December 18, 2021 at 4:55 pm

Hi is there anyway to remove google fonts from the theme, ive tried plugins which disables them but still are being loaded which is adding to the page size?

Amar December 19, 2021 at 3:27 pm

Hi also im wondering is there a way to totally remove the header and footer, ive replaced them but when doing page speed checks my font size is high and original header is still there behind the new one i created, is there a way to completely remove this please.

Spiracle Themes December 20, 2021 at 6:27 am

Hi Amar

to remove Google fonts you’ve to remove the following lines from functions.php file

View post on imgur.com

Best Regards

Spiracle Themes December 20, 2021 at 6:42 am

Hi Amar,

This also involves editing header.php and footer.php files
First of all open header.php and comment line no 49. Check screenshot below

View post on imgur.com

Now next open footer.php and add HTML comments as shown in screenshot

View post on imgur.com

Best Regards

Amar December 31, 2021 at 4:32 pm

Hi, is there a way for me to add a “add to cart” button underneath the price in the shop page ( not single product page) at the moment you have to hover over the image to see it.

Spiracle Themes January 3, 2022 at 6:54 am

Hi Amar

Unfortunately this can’t be done using CSS alone. This involves modifying the PHP Code and other JS files also

Best Regards

Amar January 12, 2022 at 2:11 am

If you could provide the code and guide, i can attempt this.

Amar February 3, 2022 at 9:17 pm

Hi, is there a way to make the categories and the products appear smaller on the shop page in terms of mobile view.

Spiracle Themes February 4, 2022 at 6:52 am

Hi Amar

Apologies for the late reply to the previous post as it is difficult for us to dive deep into our code and provide custom functionality for all of our users. Hope you understand that

Best Regards

Spiracle Themes February 4, 2022 at 7:37 am

Hi Amar

Please mention the website URL in the text so that we can provide you the exact solution

Best Regards

Amar February 4, 2022 at 9:17 pm

This reply has been marked as private.

Amar February 4, 2022 at 10:09 pm

Sorry one more thing, is there a way to add a quantity features as in the quantity increments next to the cart logo on the archive pages?

Spiracle Themes February 5, 2022 at 7:17 am

Hi Amar

The issue is more related to the WooCommerce plugin.
Our theme just shows the user interface and all the products in responsive mode are controlled by the WooCommerce plugin itself.
If we try to add our CSS then it might alter the functionality of the plugin.
What you can do is post your question to the WooCommerce plugin support. Below is the link to that

https://wordpress.org/support/plugin/woocommerce/

let us know if you have any questions

Best Regards

Spiracle Themes February 5, 2022 at 7:26 am

Hi Amar

I found some excellent tutorials on web for this. Please go through it and try it out.

https://shopplugins.com/add-a-quantity-field-to-the-woocommerce-archive-pages/

https://christianvarga.com/how-to-add-quantity-to-product-archives-in-woocommerce-and-keep-ajax/

Best Regards

Amar February 5, 2022 at 3:16 pm

Hi,

Ok will contact them but in the mean time could you provide some css for me to give a try such as maybe lowering the margins fields to 33% to see if it accept 3 columns and also lowering the text sizes?

Amar February 7, 2022 at 8:10 pm

Hi, I tried the two tutorials you sent for the quantities but they dont seem to work, other have had issues too, could you provide your own css and function please?

Amar February 7, 2022 at 8:23 pm

Also I was unable to get the themes breadcrumbs to show up if you could help with that too please?

Spiracle Themes February 8, 2022 at 8:52 am

Hi Amar,

We don’t have such functionality in our theme, it’s like a custom feature that would cost you if we develop this or try to add this in your theme.

Best Regards

Spiracle Themes February 8, 2022 at 8:57 am

Hi Amar,

We have this functionality already in our PRO addon. We suggest you to go for our PRO addon if you want to have breadcrumbs in your theme

Let us know if you have any questions

Best Regards

Amar February 11, 2022 at 11:21 pm

Hi, How can i enable quick view on the shop pages as i only have the cart button?

Spiracle Themes February 14, 2022 at 4:09 pm

Hi Amar

Install YITH WooCommerce Quick View plugin

YITH WooCommerce Quick View

and you’ll have the option for Quick view on hover

Best Regards

Amar March 29, 2022 at 9:32 pm

Hi,

Im having an issue, in the screenshots you can see my site on desktop fails to show the quantity field but on mobile view it shows it correctly, any way to fix this, thanks.

quantity

Spiracle Themes March 30, 2022 at 6:07 am

Hi Amar

Without the actual page URL, I can’t provide you CSS solution
Please add the page URL in the Website Textbox when replying

Best Regards

Amar April 2, 2022 at 10:41 pm

This reply has been marked as private.

Spiracle Themes April 4, 2022 at 7:05 am

Hi Amar

Try the CSS below

.woocommerce .quantity .qty {
width: 4.631em;
}

Copy & Paste it in Appearance -> Customize -> Additonal CSS

Best Regards

Amar April 5, 2022 at 12:36 pm

worked, thanks

Spiracle Themes April 6, 2022 at 5:50 am

You are welcome 🙂

Best Regards

Amar April 21, 2022 at 7:16 pm

Hi so the theme only allows the max 32 products to be shown on a page (even with store customizer plugin), How can increase the number please?

Spiracle Themes April 22, 2022 at 6:30 am

Hi Amar

I just tried to increase the Rows Per Page in Appearance -> Customize -> WooCommerce -> Product Catalog and it shows all the 50 products at once
on my local site.

Did you try to change the number in Rows Per Page?

Best Regards

Amar April 22, 2022 at 6:28 pm

Yes i tried ive tried this and the max that’s is shown is still 32, it wont increase?

Amar April 25, 2022 at 8:46 pm

any ideas please?

Spiracle Themes April 26, 2022 at 5:39 am

Hi Amar

We are not able to reproduce this issue on our test website. We can add any number of rows using the Rows per Page setting.
It might be coming from any plugin setting or your custom coding

Best Regards

Alex Johansen April 15, 2025 at 10:02 am

I tried it.. and it’s work. Thank you @tubidy

Replies (75)

Post a Reply