Title: Store page css
Last modified: September 1, 2016

---

# Store page css

 *  Resolved [raffes](https://wordpress.org/support/users/raffes/)
 * (@raffes)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/store-page-css/)
 * 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](https://wordpress.org/support/users/wedevs/)
 * (@wedevs)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/store-page-css/#post-7620984)
 * 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.
 *  [andyefth](https://wordpress.org/support/users/andyefth/)
 * (@andyefth)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/store-page-css/#post-8367908)
 * 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.

 * ![](https://ps.w.org/dokan-lite/assets/icon-256x256.gif?rev=3239229)
 * [Dokan: AI Powered WooCommerce Multivendor Marketplace Solution – Build Your Own Amazon, eBay, Etsy](https://wordpress.org/plugins/dokan-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/dokan-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/dokan-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/dokan-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/dokan-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/dokan-lite/reviews/)

 * 2 replies
 * 3 participants
 * Last reply from: [andyefth](https://wordpress.org/support/users/andyefth/)
 * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/store-page-css/#post-8367908)
 * Status: resolved