• This topic is empty.
Viewing 14 reply threads
  • Author
    Posts
    • #2515 Reply
      Amar
      Guest

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

    • #2516 Reply
      Spiracle Themes
      Guest

      Hi Amar

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

      Best Regards

      • #2519 Reply
        Amar
        Guest

        .

    • #2521 Reply
      Amar
      Guest
    • #2522 Reply
      Amar
      Guest
    • #2523 Reply
      Spiracle Themes
      Guest

      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

      • #2524 Reply
        Amar
        Guest

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

      • #2525 Reply
        Spiracle Themes
        Guest

        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

    • #2526 Reply
      Amar
      Guest

      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?

    • #2527 Reply
      Spiracle Themes
      Guest

      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

      • #2528 Reply
        Amar
        Guest

        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

      • #2529 Reply
        Spiracle Themes
        Guest

        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

      • #2530 Reply
        Amar
        Guest

        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.

      • #2531 Reply
        Spiracle Themes
        Guest

        Hi Amar,

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

        Best Regards

      • #2532 Reply
        Amar
        Guest

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

      • #2533 Reply
        Spiracle Themes
        Guest

        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

      • #2534 Reply
        Amar
        Guest

        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?

      • #2536 Reply
        Spiracle Themes
        Guest

        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

      • #2535 Reply
        Amar
        Guest

        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

      • #2538 Reply
        Spiracle Themes
        Guest

        Hi Amar

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

        Best Regards

      • #2541 Reply
        Amar
        Guest

        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?

      • #2543 Reply
        Amar
        Guest

        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

      • #2545 Reply
        Spiracle Themes
        Guest

        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

      • #2546 Reply
        Amar
        Guest

        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?

      • #2547 Reply
        Spiracle Themes
        Guest

        Hi Amar,

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

        header {
        background: #1cc11a;
        }

        Best Regards

      • #2548 Reply
        Amar
        Guest

        Thank you so much, you support is always appreciated.

      • #2549 Reply
        Amar
        Guest

        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?

      • #2550 Reply
        Spiracle Themes
        Guest

        Hi Amar,

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

        Best Regards

      • #2552 Reply
        Amar
        Guest
        This reply has been marked as private.
      • #2556 Reply
        Spiracle Themes
        Guest

        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

      • #2558 Reply
        Amar
        Guest

        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?

      • #2559 Reply
        Spiracle Themes
        Guest

        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

    • #2573 Reply
      Amar
      Guest

      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.

      • #2574 Reply
        Spiracle Themes
        Guest

        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

    • #2577 Reply
      Amar
      Guest

      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?

      • #2578 Reply
        Spiracle Themes
        Guest

        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

      • #2595 Reply
        Amar
        Guest

        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

      • #2596 Reply
        Spiracle Themes
        Guest

        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

    • #2610 Reply
      Amar
      Guest

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

    • #2612 Reply
      Amar
      Guest

      do you have email?

    • #2626 Reply
      Amar
      Guest

      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?

      • #2629 Reply
        Spiracle Themes
        Guest

        Hi Amar

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

        View post on imgur.com

        Best Regards

    • #2627 Reply
      Amar
      Guest

      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.

      • #2630 Reply
        Spiracle Themes
        Guest

        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

    • #2636 Reply
      Amar
      Guest

      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.

      • #2639 Reply
        Spiracle Themes
        Guest

        Hi Amar

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

        Best Regards

    • #2641 Reply
      Amar
      Guest

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

Viewing 14 reply threads
Reply To: back buttons
Your information: