• Resolved raffes

    (@raffes)


    My store page is not scaling properly with the rest of theme, i have tried modify the php files but just can’t get it right.
    Im using Shopkeeper theme.

    here is the page-full-width php:

    <?php
    /*
    Template Name: Full Width Page
    */
    ?>
    
    <?php
    
      global $shopkeeper_theme_options;
    
      $page_id = "";
      if ( is_single() || is_page() ) {
        $page_id = get_the_ID();
      } else if ( is_home() ) {
        $page_id = get_option('page_for_posts');
      }
    
        $page_header_src = "";
    
        if (has_post_thumbnail()) $page_header_src = wp_get_attachment_url( get_post_thumbnail_id( $page_id ) );
    
      if (get_post_meta( $page_id, 'page_title_meta_box_check', true )) {
        $page_title_option = get_post_meta( $page_id, 'page_title_meta_box_check', true );
      } else {
        $page_title_option = "on";
      }  
    
    ?>
    
    <?php get_header(); ?>
    
      <div class="full-width-page <?php echo ( (isset($page_title_option)) && ($page_title_option == "on") ) ? 'page-title-shown':'page-title-hidden';?>">
    
            <div id="primary" class="content-area">
    
                <div id="content" class="site-content" role="main">
    
                        <header class="entry-header <?php if ($page_header_src != "") : ?>with_featured_img<?php endif; ?>" <?php if ($page_header_src != "") : ?>style="background-image:url(<?php echo esc_url($page_header_src); ?>)"<?php endif; ?>>
    
                            <div class="page_header_overlay"></div>
    
                            <div class="row">
                                <div class="large-12 columns">
    
                                    <?php if ( (isset($page_title_option)) && ($page_title_option == "on") ) : ?>
                                    <h1 class="page-title"><?php the_title(); ?></h1>
                                    <?php endif; ?>
    
                    <?php if($post->post_excerpt) : ?>
                                        <div class="page-description"><?php the_excerpt(); ?></div>
                                    <?php endif; ?>
    
                                </div>
                            </div>
    
                        </header><!-- .entry-header -->
    
              <?php while ( have_posts() ) : the_post(); ?>
    
                            <div class="entry-content">
                                <?php the_content(); ?>
                            </div><!-- .entry-content -->
    
                            <?php
    
                  // If comments are open or we have at least one comment, load up the comment template
                  if ( comments_open() || '0' != get_comments_number() ) comments_template();
    
                ?>
    
                        <?php endwhile; // end of the loop. ?>
    
                </div><!-- #content -->           
    
            </div><!-- #primary -->
    
        </div><!-- .full-width-page -->
    
    <?php get_footer(); ?>

    here is the page.php

    <?php
    
      global $shopkeeper_theme_options;
    
      $page_id = "";
      if ( is_single() || is_page() ) {
        $page_id = get_the_ID();
      } else if ( is_home() ) {
        $page_id = get_option('page_for_posts');
      }
    
        $page_header_src = "";
    
        if (has_post_thumbnail()) $page_header_src = wp_get_attachment_url( get_post_thumbnail_id( $page_id ) );
    
      if (get_post_meta( $page_id, 'page_title_meta_box_check', true )) {
        $page_title_option = get_post_meta( $page_id, 'page_title_meta_box_check', true );
      } else {
        $page_title_option = "on";
      }
    ?>
    
    <?php get_header(); ?>
    
      <div id="primary" class="content-area">
    
            <div id="content" class="site-content" role="main">
    
               <header class="entry-header <?php if ($page_header_src != "") : ?>with_featured_img<?php endif; ?>" <?php if ($page_header_src != "") : ?>style="background-image:url(<?php echo esc_url($page_header_src); ?>)"<?php endif; ?>>
    
                    <div class="page_header_overlay"></div>
    
                    <div class="row">
                        <div class="large-10 large-centered columns without-sidebar">
    
                            <?php if ( (isset($page_title_option)) && ($page_title_option == "on") ) : ?>
                            <h1 class="page-title"><?php the_title(); ?></h1>
                            <?php endif; ?>
    
                            <?php if($post->post_excerpt) : ?>
                                    <div class="page-description"><?php the_excerpt(); ?></div>
                            <?php endif; ?>
    
                        </div>
                    </div>
    
                </header><!-- .entry-header -->
    
                <?php while ( have_posts() ) : the_post(); ?>
    
                    <?php get_template_part( 'content', 'page' ); ?>
    
                    <?php   if (function_exists('is_cart') && is_cart()) : ?>
                    <?php else: ?>
                    <div class="clearfix"></div>
                    <footer class="entry-meta">
                        <?php // edit_post_link( __( 'Edit', 'shopkeeper' ), '<div class="edit-link"><i class="fa fa-pencil"></i> ', '</div>' );  ?>
                    </footer><!-- .entry-meta -->
                    <?php endif; ?>
    
                    <?php
    
                        // If comments are open or we have at least one comment, load up the comment template
                        if ( comments_open() || '0' != get_comments_number() ) comments_template();
    
                    ?>
    
                <?php endwhile; // end of the loop. ?>
    
            </div><!-- #content -->           
    
        </div><!-- #primary -->
    
    <?php get_footer(); ?>

    and here is the dokan store.php which needs to be modified

    <?php
    /**
     * The Template for displaying all single posts.
     *
     * @package dokan
     * @package dokan - 2014 1.0
     */
    
    if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
    
    $store_user   = get_userdata( get_query_var( 'author' ) );
    $store_info   = dokan_get_store_info( $store_user->ID );
    $map_location = isset( $store_info['location'] ) ? esc_attr( $store_info['location'] ) : '';
    
      get_header( 'shop' );
    ?>               
    
        <?php do_action( 'woocommerce_before_main_content' ); ?>
    
        <?php if ( dokan_get_option( 'enable_theme_store_sidebar', 'dokan_general', 'off' ) == 'off' ) { ?>
            <div id="dokan-secondary" class="dokan-clearfix dokan-w3 dokan-store-sidebar" role="complementary" style="margin-right:3%;">
                <div class="dokan-widget-area widget-collapse">
                     <?php do_action( 'dokan_sidebar_store_before', $store_user, $store_info ); ?>
                    <?php
                    if ( ! dynamic_sidebar( 'sidebar-store' ) ) {
    
                        $args = array(
                            'before_widget' => '<aside class="widget">',
                            'after_widget'  => '</aside>',
                            'before_title'  => '<h3 class="widget-title">',
                            'after_title'   => '</h3>',
                        );
    
                        if ( class_exists( 'Dokan_Store_Location' ) ) {
                            the_widget( 'Dokan_Store_Category_Menu', array( 'title' => __( 'Store Category', 'dokan' ) ), $args );
    
                            if ( dokan_get_option( 'store_map', 'dokan_general', 'on' ) == 'on' ) {
                                the_widget( 'Dokan_Store_Location', array( 'title' => __( 'Store Location', 'dokan' ) ), $args );
                            }
    
                            if ( dokan_get_option( 'contact_seller', 'dokan_general', 'on' ) == 'on' ) {
                                the_widget( 'Dokan_Store_Contact_Form', array( 'title' => __( 'Contact Seller', 'dokan' ) ), $args );
                            }
                        }
    
                    }
                    ?>
    
                    <?php do_action( 'dokan_sidebar_store_after', $store_user, $store_info ); ?>
                </div>
            </div><!-- #secondary .widget-area -->
        <?php
        } else {
            get_sidebar( 'store' );
        }
        ?>
    
        <div id="dokan-primary" class="dokan-single-store dokan-w8">
            <div id="dokan-content" class="store-page-wrap woocommerce" role="main">
    
                <?php dokan_get_template_part( 'store-header' ); ?>
    
                <?php do_action( 'dokan_store_profile_frame_after', $store_user, $store_info ); ?>
    
                <?php if ( have_posts() ) { ?>
    
                    <div class="seller-items">
    
                        <?php woocommerce_product_loop_start(); ?>
    
                            <?php while ( have_posts() ) : the_post(); ?>
    
                                <?php wc_get_template_part( 'content', 'product' ); ?>
    
                            <?php endwhile; // end of the loop. ?>
    
                        <?php woocommerce_product_loop_end(); ?>
    
                    </div>
    
                    <?php dokan_content_nav( 'nav-below' ); ?>
    
                <?php } else { ?>
    
                    <p class="dokan-info"><?php _e( 'No products were found of this seller!', 'dokan' ); ?></p>
    
                <?php } ?>
            </div>
    
        </div><!-- .dokan-single-store -->
    
        <?php do_action( 'woocommerce_after_main_content' ); ?>
    
    <?php get_footer( 'shop' ); ?>

    Please help me!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author weDevs

    (@wedevs)

    If you are having the problem with the layout of Dokan plugin related pages then I recommend you to override the templates of this plugin. To fix the store template follow the instructions given below.

    1) Create a directory named “dokan” inside the theme you are using. It would be great if you have a child theme.

    2) Copy the store.php file and paste it inside the ‘dokan’ directory. The store template is located in the following directory of Dokan plugin.

    /dokan-plugin/templates/store.php

    3) Now, it’s time to edit the template file. Adding missing HTML elements inside this template and check.

    Please note that you can override only the template files of this plugin which are located inside the “templates” directory.

    Hi raffes,

    I am having the exact same issue here.
    Have you finally managed to resolve it?

    If so, can you please share in detail?

    Thanks a lot in advance!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Store page css’ is closed to new replies.